css parse error

[jackblasto]

Can anyone please tell me what syntax problems are with this css code? Thanks for any help.

 

1 * Parse Error *html .block_left{ background-image:url(images/nav_block.gif); background-repeat:no-repeat; float:left; width:227px; height:191px; margin-left:10px; }

79 * Parse Error *html .block_right{ background-image:url(images/side_banner_bg.jpg); background-repeat:no-repeat; float:right; width:437px; height:86px; margin-right:10px; font-size: 36px; padding-left: 10px; padding-top: 105px; color: #FFFFFF; }

120 * Parse Error *html .left_content{ float:left; width:227px; margin-left:10px; margin-top:10px; }

138 * Parse Error *html .right_content{ margin-top:10px; float:right; width:437px; margin-right:10px; padding-left: 10px; border-left: solid 1px #F2F2F2; }

 

Here is the whole css page if that helps diagnose it.

style.css

[falkencreative]

You have a couple instances of "*html". If you want to use that, it should be "* html" (note the space) and keep in mind that those styles will only apply to IE6 due to a bug in the way it handles CSS -- all other browsers will ignore that code.

[jackblasto]

Thanks a bunch. That cleared up the css parse errors. Unfortunately it didn't help my layout problem which I hoped it would. I have the original html and css up here http://sandrablack.com/silverglow/index.html and even it doesn't display properly on mozilla firefox or safari. Any ideas on what is causing that upper left image to not show up in the upper left on these browsers? Thanks again.

layout messed up in mozilla and firefox

[falkencreative]

A couple things that will help fix Firefox display issues

 

-- add "overflow:hidden" to .header

-- set a width on the floated left div within .header (200px worked for me, but you'll need to tweak it as necessary)

 

At least on my version of Firefox (3.5 Mac) everything else seemed fine. You'll need to check other browsers for inconsistencies as well.

[jackblasto]

The overflow:hidden works great for getting it in the right spot but what syntax would I use to set the floated left div? Thanks again for the help.

 

This is what I did but I know I have the syntax wrong for setting the second thing you instructed me to do:

 

.header{

height:36px;

padding:5px;

padding-left:22px;

overflow:hidden;

block_left:227; <--! my guess but pretty sure it does nothing and the column is clipped-->

 

}

[falkencreative]

Sorry, should have explained this better. Here's your header code:

 

<div class="header">
 <div style="float: left;"><img height="36" width="37" align="left" alt="logo" src="images/logo.gif"> 
   <h1 style="padding-top: 5px;">YourNameHere.com</h1></div>

 <div class="navigation"><a class="nav" href="/index.html">home</a> | <a class="nav" href="/index.html">about</a> | <a class="nav" href="/index.html">services</a> |<a class="nav" href="/index.html"> contact </a></div>
</div>

 

Ideally, you remove the 'style="float: left;"', replace it with a class like so:

 

<div class="logo">

 

and then style it in your CSS file:

 

.logo { float:left; width:227px; }

 

You'll need to remove "block_left:227; " from your CSS -- block_left isn't a valid CSS attribute.

[jackblasto]

Thanks so much for your time. This does work.