|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
June 20th, 2004, 12:16 AM
|
|||
|
|||
|
I've read everything I can find and it still doesn't work!?!
Obviously something is just not clicking for me. I've spent almost all day reading, and everyone makes it sound so darn easy!
I have 2 basic problems, and it doesn't seem like they should be that hard to fix. The test site is at lgs.lambrite.com/test.htm and the stylesheet is lgs.lambrite.com/new.css Problem 1. For the life of me, I cannot get the link that says "Skip To Content" to accept the more specific set of link colors. I have tried every variation I can think of, with no luck. Code:
<div id="subnav0" style="position:absolute; width:769px; height:22px; z-index:3; top: 192px; visibility: visible;" class="subnav"><a href="#content">Skip to Content</a></div> Code:
.subnav #subnav0 a:link a:visited a:hover a:active {
color: #343457;
text-decoration: none;
}
My second issue is a little more complicated. Right now, all my layers have their positions hard-coded. This means that the content area is fixed in height, and I need it to be able to expand to accomodate the text. I did this because I was not able to (figure out how to) place the many subnav layers in the same position to do the rollovers, the wrapper would not expand properly, and the footer would not regularly start below the end of the content. Even a good example of a similar layout would be helpful; everything that I find uses 2-3 columns, float and the clear property. I really want to understand this stuff, but if I don't figure this one out in a few days, I'm going to have to use tables  and learn it the next time around. So I really appreciate any input. Thanks!Sarah
|
|
#2
June 20th, 2004, 12:34 AM
|
||||
|
||||
|
Your links don't appear to be working.
However, from your post try the following for the link color. Code:
.subnav a:link,.subnav a:visited,.subnav a:hover,.subnav a:active {
color: #343457;
text-decoration: none;
}
I'm not sure about your second problem, at least not without being able to look at your site.
__________________
DustyReagan.com
|
|
#3
June 20th, 2004, 12:09 PM
|
|||
|
|||
|
Links Corrected
Thanks -
The commas made all the difference. Links should have been http://lgs.lambrite.com/test.htm and http://lgs.lambrite.com/new.css Again, I really appreciate the help. Sarah
|
|
#4
June 20th, 2004, 05:51 PM
|
||||
|
||||
|
See this footer demo as a basis for your overall layout. Also, read the articles at Big John's 'Position is Everything' site. Yours is a simple layout and the difficulties are easily overcome. Start with Scott's basic setup and add a relative positioned banner div to hold your logo/images/dynamic menu. Follow that with the text (not in a separate div). Put your footer cdata in the footer div.
Make your additions one at a time and check the results in a CSS2 compliant browser (Mozilla/Gecko family). Once it's right in Moz, the code is good. Now check for an IE brain-fart and apply hack(s) as needed. Big John covers most of these. Once you grok CSS positioning, you'll never want to use table layout again. CSS allows you to use clean, semantic, and well structured HTML. It's new and different to a lot of 'old hand' coders—but it's neither brain science nor rocket surgery  Have fun with it.cheers, gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. My html and css workshop, demos and tutorials. Ask a better question, get a better answer.
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > I've read everything I can find and it still doesn't work!?! |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
