Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts

    li:before fix for internet explorer please

    ul li:before { content: "."; }
    this doesnt work in IE, so how can I fix this?

    Code:
    <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>

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    			<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?
    Last edited by fatrat; 12-29-2006 at 09:41 PM.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder
    Join Date
    Oct 2005
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ty, im starting to like <divs>.
    a lot less coding then tables nested within tables within tables.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •