Topic: stupid css styles!!! AGGGGHHH!

ok, I know this must be major basic sheeet here but Im tarding out and cant figure out what Im doing wrong. I got my site design all good and everything, and it seems to work fine in Mozilla, but when I just checked it in explorer, my styles don't take effect on certain pages.

I'm so annoyed by it now (and also sleep deprived...) can someone "show me the way"....

www.jerryjavier.com

well, the only thing that I can see at a glance from IE that isn't right would be the text under the guy's picture. Is that right?

Looking through the code you have this :

<td width="262" height="354" valign="top" background="images/body_space.jpg" class="_bodycontent"><div align="center"><img src="images/cover150_150.jpg" alt="Cover" width="150" height="150" border="0" /><br />
          &quot;Feels Like The First Time&quot; <br />

if you look the class name, it has an underscore. Bad juju there. Take that out and define that class in the CSS with something like:

.bodycontent{
     font:normal 10px Verdana;
     color:#fefefe;
}

You need to set some stuff for the body tag in your CSS too. Kind of a default that if nothing is set, you these settings for the text. Make sense? So, in your body tag, if you want your text to default to a certain style if it is not otherwise defined, use these settings.

body{
     font:normal 10px Verdana;
     color:#fefefe;
}

Hope that helps. Maybe tell us what pages are not showing up right and I might be able to pin point it better but that is what jumped out at me.

Later,

C:\

Thanks! The main page that was pointed out to me was the about page.... the text is black on the dk. grey and it extends a bit over the edges.... do you see a difference in IE and FF??

yep, if you fix it the way that I have above, you should be good. However, you have this :

<td background="images/body_space_wide.jpg" class="bodycontent"><span class="bodycontentTITLE">ABOUT PITO</span><br />

in your html but you don't have a class "bodycontent" defined in your style sheets. So, add that and it should be good. Also, there might be a bit better way to do the <span class="bodycontentTITLE">ABOUT PITO</span> part.

Since that ABOUT PITO is set in the td of "bodycontent" how about doing something like this :

.bodycontent{
   /*font stuff and whatever goes here for the entire td tage*/
   font: normal 10px Verdana;
   color:#fefefe;
}

.bodycontent p{
     /* this just puts a little indent on the first line of the paragraph */
     text-indent: 20px;
}


/*  no reason to rewrite the wheel when we can use a perfectly good HTML tag ;)*/

.bodycontent h3{
    font:bold 10px Verdana, Arial, Helvetica, sans-serif;  /* I like to combine as much as I can */
    color: #9AABD9;
    text-align: left; 
   padding-right: 7px;
   padding-left: 0px;
}

Then in your HTML markup, you can do it like this :

<td background="images/body_space_wide.jpg" class="bodycontent"><h3>ABOUT PITO</h3><br />

The about page looks just like you said in FF and Opera. IE hates it all the way around, but those changes should fix it and make it look the same in all of them.

Later,

C:\



(Edited by CPrompt on 05-18-2006 20:04)