[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