logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-20-2008, 08:57 AM   #1
student101
 
Join Date: Dec 2007
Posts: 379
Question :last-child not working?

This last child option is neat but it aint workin?
Code:
 
navcontainer ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
}
#navcontainer ul li {
 display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
}
#navcontainer ul li a {
 background: #fff;
 width: 78px;
 height: 18px;
 padding: 0;
 margin: 0 0 10px 0;
 color: #000; /*#f5d7b4*/
 text-decoration: none;
 display: block;
 text-align: center;
 font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
 border: 1px solid #ccc; /*#f5d7b4*/
 border-right:0;
}
#navcontainer ul li a:hover {
 color: #930; /*#f5d7b4*/
 background-color: #eee;
}
#navcontainer ul li a:last-child {
border-right:1 solid #ccc;
}
Any ideas?

Cheers
__________________
Amateurs ... Built the ark.
Professionals ... Built the Titanic.
specificity [sound like spe-sifis-ity]
student101 is offline   Reply With Quote
Old 09-20-2008, 09:24 AM   #2
student101
 
Join Date: Dec 2007
Posts: 379
Default

Change it to;
Code:
 
#navcontainer ul li:last-child a{
 border-right:1px solid #ccc;
}
Works in FF not IE7?
IE7 Sux.
__________________
Amateurs ... Built the ark.
Professionals ... Built the Titanic.
specificity [sound like spe-sifis-ity]
student101 is offline   Reply With Quote
Old 09-20-2008, 02:48 PM   #3
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Quote:
Originally Posted by student101 View Post
Change it to;
Code:
 
#navcontainer ul li:last-child a{
 border-right:1px solid #ccc;
}
Works in FF not IE7?
IE7 Sux.
CSS3. Not really working really good in many browsers at all. FF3 is good, FF2 still has buggy support. No support at all in IE7 and down.
domedia is offline   Reply With Quote
Old 09-20-2008, 03:36 PM   #4
student101
 
Join Date: Dec 2007
Posts: 379
Default

I decided to code a class and skip the :last-child
Code:
 
#navcontainer ul li.last{
border-right:1px solid #ccc; 
}

Cheers
__________________
Amateurs ... Built the ark.
Professionals ... Built the Titanic.
specificity [sound like spe-sifis-ity]
student101 is offline   Reply With Quote
Old 09-20-2008, 03:41 PM   #5
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Quote:
Originally Posted by student101 View Post
I decided to code a class and skip the :last-child
Code:
 
#navcontainer ul li.last{
border-right:1px solid #ccc; 
}

Cheers
AFAIK, That's the normal way of achieving it
domedia is offline   Reply With Quote
Old 09-20-2008, 03:47 PM   #6
student101
 
Join Date: Dec 2007
Posts: 379
Default

With Microsux wanting to dominate in such a terrible way with their non-compliant browsers what else can a man do?

They seem to be making it harder even for network admins.
If you want to change the menus at least allow for the old-style or classic menu so that we can find our way around
__________________
Amateurs ... Built the ark.
Professionals ... Built the Titanic.
specificity [sound like spe-sifis-ity]
student101 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:45 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com