Re: [css-d] list nav not working as needed
http://www.pixelagogo.com/codetest/ Ok, here is the code link. As I mentioned before, what I am trying to do is: 1. Have the selected or page the tabs are about white and not the background color 2. Have the two background images align on the bottom with the bottom of the tabs. Right now in IE6 they don't but on Firefox they do. Not sure why. The tabs, Hotel Overview, Room Types, Property Info and Good to Know all have content under them in white and I need this nav to work so that when you select one of them, the rest function as they do now but the one selected is just a white box or without a state I guess. thanks all, Cory From: Jim Davis [mailto:[EMAIL PROTECTED] Sent: Thursday, May 01, 2008 3:15 PM To: Cory Shubert Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] list nav not working as needed Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav with rollover states. I need to have the selected state show without any background, just white, to blend in with the content below it. The nav was created in CSS and didn't have this look built in and I just can't seem to figure it out without wasting a ton of code to do it. I have tried to have a selected or non link style so that the background would just be white, but if the selected link is selected, then it doesn't need a ahref tag and thus breaks the CSS function... Any help would be greatly appreciated. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] list nav not working as needed
Trying again, looking for a few ideas on where to go...
I am having a problem and can't seem to see the elegant solution. I
have a simple ul list nav with rollover states. I need to have the
selected state show without any background, just white, to blend in with
the content below it.
The nav was created in CSS and didn't have this look built in and I just
can't seem to figure it out without wasting a ton of code to do it. I
have tried to have a selected or non link style so that the background
would just be white, but if the selected link is selected, then it
doesn't need a ahref tag and thus breaks the CSS function...
Any help would be greatly appreciated.
HTML :
div id=tabsE
ul
lia href=# title=Hotel OverviewspanHotel
Overview/span/a/li
lia href=# title=Room TypesspanRoom Types/span/a/li
lia href=# title=Property InfospanProperty
Info/span/a/li
lia href=# title=Good to KnowspanGood to
Know/span/a/li
lia href=# title=Link 5spanHotel Slideshow/span/a/li
/ul
/div
CSS :
#tabsE {
width: 733px;
margin: -25px 0 0 0;
padding: 0;
position: relative;
}
#tabsE ul {
margin:0;
padding:0;
list-style:none;
width:auto;
float:right;
font:bold 11px Arial,Verdana,Helvetica,sans-serif;
}
#tabsE li {
display:inline;
margin:0;
line-height:1.5em;
}
#tabsE a {
float:left;
background:url(tableftE_1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url(tabrightE_1.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
Thank you,
Cory Shubert
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list nav not working as needed
Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav with rollover states. I need to have the selected state show without any background, just white, to blend in with the content below it. The nav was created in CSS and didn't have this look built in and I just can't seem to figure it out without wasting a ton of code to do it. I have tried to have a selected or non link style so that the background would just be white, but if the selected link is selected, then it doesn't need a ahref tag and thus breaks the CSS function... Any help would be greatly appreciated. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list nav not working as needed
Yes, but it won't be until tomorrow... no server set up for this at present... I will have to stick it on my personal one and then send the link. Thank you, Cory From: Jim Davis [mailto:[EMAIL PROTECTED] Sent: Thursday, May 01, 2008 3:15 PM To: Cory Shubert Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] list nav not working as needed Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav with rollover states. I need to have the selected state show without any background, just white, to blend in with the content below it. The nav was created in CSS and didn't have this look built in and I just can't seem to figure it out without wasting a ton of code to do it. I have tried to have a selected or non link style so that the background would just be white, but if the selected link is selected, then it doesn't need a ahref tag and thus breaks the CSS function... Any help would be greatly appreciated. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
