[thelist] CSS issue, delinking??
Stephen Caudill
SCaudill at municode.com
Wed Nov 12 13:49:32 CST 2003
Megalion on Wednesday, November 12, 2003 1:39 PM said:
: No one has any clue? I'm still fairly new to CSS, my blog skins
: are my attempts to teach myself CSS and work through the ins and
: outs...
Megalion,
You may not have gotten responses right off, since neither the
html nor the css validate. This is an important first step to
getting peoples help...
There were a few problems with the CSS. Mostly related to using
floats and relative positioning in conjunction or just incorrectly
(no slight intended, that's scary country). Also, always remember
to define a width for any element you float. There was really no
reason to use relative positioning, so I replaced them with
margin:auto;'s.
The culprit appears to have been that the floats were causing
layers to overlay each other but remain visible, causing the link
to stop working... in any case, I tinkered and got it working.
Here are the changed parts from your style sheet:
.bloghead {
margin-left:auto;
margin-right:auto;
background:url(http://ponder.megalion.org/mt/skins/venturaSunset/linksBg.jpg);
color: #FFF;
font-family: Papyrus, palatino, georgia, times new roman, serif;
font-size: medium;
height: 25px;
}
.topNav {
margin-left:auto;
margin-right:auto;
height: 25px;
background-color: #55442A;
width: 720px;
left: 65px;
color: #E6C79B;
font-weight: bold;
}
.topNavPrev {
float:left;
text-align:left;
width:230px;
margin-left:10px;
}
.topNavCenter {
float:left;
text-align:center;
width:240px;
}
.topNavNext {
float:left;
text-align:right;
width:230px;
margin-right:10px;
}
hth,
Stephen Caudill
http://www.mechavox.com/
More information about the thelist
mailing list