...

View Full Version : li:before fix for internet explorer please



fatrat
12-29-2006, 10:11 PM
ul li:before { content: "."; }
this doesnt work in IE, so how can I fix this?



<div class="standardheader" width="100%">
<div class="standardheader-left">&nbsp;</div>
<div class="standardheader-right">&nbsp;</div>
<div class="standardheader-mid">&nbsp;Navigation</div>
<div class="row1">
<span class="gen">
<ul>
<li><a href="{U_CREATEACLAN}">Create a Clan</a></li>
<li><a href="{U_ADDSCRIM}">Add a Scrim</a></li>
</ul>
</span>
</div>
</div>

_Aerospace_Eng_
12-29-2006, 10:17 PM
Nothing should be by itself in the list unless its in an li. Lists also shouldn't be inside of a span. Haven't we told you something similar before? Can you not just hard code the . in the html?

fatrat
12-29-2006, 10:32 PM
<div id="leftmenu">
<div class="standardheader">
<div class="standardheader-left">&nbsp;</div>
<div class="standardheader-right">&nbsp;</div>
<div class="standardheader-mid">&nbsp;Navigation&nbsp;</div>
<div class="list">
<ul>
<li><a href="{U_CREATEACLAN}">Create a Clan</a></li>
<li><a href="{U_ADDSCRIM}">Add a Scrim</a></li>
</ul>
</div>
</div>
<div class="standardheader">
<div class="standardheader-left">&nbsp;</div>
<div class="standardheader-right">&nbsp;</div>
<div class="standardheader-mid">&nbsp;Clan Search&nbsp;</div>
<form action="clan.php" {S_FORM_ENCTYPE} method="post">
<div class="row1">
<span class="gen">
Search:<input type="text" class="post" style="width:130px" name="name" size="50" maxlength="50" value="" onMouseover="showhint('Search Field.<br />This will search all Clan Names, Clan Tags and Previous Names.<br />Will include partial matches.', this, event, '400px')"/>
</span>
</div>
<div class="cat">
<input type="hidden" name="mode" value="search"><input type="submit" name="submit" value="{L_SEARCH}" class="mainoption" />&nbsp;&nbsp;<input type="reset" value="Erase" name="reset" class="liteoption" />
</div>
</form>
</div>
<div class="standardheader">
<div class="standardheader-left">&nbsp;</div>
<div class="standardheader-right">&nbsp;</div>
<div class="standardheader-mid">&nbsp;Clans by Game&nbsp;</div>
<div class="plainlist">
<ul>
<!-- BEGIN games -->
<li><a href="{games.U_GAME}" alt="{games.NAME}" title="View Clans by Game">{games.IMG} {games.NAME}</a></li>
<!-- END games -->
</ul>
</div>
</div>
</div>

yeah, the . was hard coded in, but i thought i could have it in css in case i ever wanted to change it.
much easier to change a class in css then go through a website searching for '.'s

i have seen an exact order for tables and its contents, tr, td etc.

where can i get one for divs and spans and li, u know, what should go in what.

if i wanted some lists to have a ' :before "."' and some not, how do i control that? by the div class or can i give the <ul> a class?

_Aerospace_Eng_
12-29-2006, 10:44 PM
Anything can go in a div. Only links, text, and spans can go inside of a paragraph. No block level element can go in an inline element. A block level element is an element when by itself will push everything to the left or right to it to the next line. An inline element does the opposite. A paragraph is a block level element but no other block level element can go inside of the paragraph. As for some having the . you would put the class in the ul you don't want to have or put the class on the uls you only want to have the dot on.

fatrat
12-29-2006, 10:48 PM
ty, im starting to like <divs>.
a lot less coding then tables nested within tables within tables.
:)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum