2 column layout appears wrong

[Krentenbol]

This way the text is shown, the div's are shown, but the images ain't. Picture:



The rest of the div's ain't shown aswell. Just the background colour.

[tracknut]

You've got to get your files on a web server so I can see what you're seeing. My version, from your previous code, shows very differently. For example I don't see any references to text with blue backgrounds in it from your code, yet your image above has blue. Your images aren't in your code pasted here, so I can't tell whether they are just missing, or your links point to the wrong place, etc, etc.

Dave

[Krentenbol]

Originally Posted by tracknut

You've got to get your files on a web server so I can see what you're seeing. My version, from your previous code, shows very differently. For example I don't see any references to text with blue backgrounds in it from your code, yet your image above has blue. Your images aren't in your code pasted here, so I can't tell whether they are just missing, or your links point to the wrong place, etc, etc.

Dave

I will get it on a server, probably it's up there tomorrow, I am pretty tired now. Thanks for your help already.

[Krentenbol]

I haven't set up the server yet, but I realise myself now. When I change the code:

.left h2 {
	background-image:url(../images/big_header_content.png);
	height:40px;
}

To:

.left.header {
	background-image:url(../images/big_header_content.png);
	height:40px;
}

And change the html code aswell which was <h2>header</h2> to <div class="header">header</div>

The background is gone. So this means the <div> code is wrong. I've tested this aswell, I changed the footer to ".left h3" so in the html aswell, and the background showed up. This means html code must be wrong, am I correct?

[tracknut]

Put a space between .left and .header in your css, I'm pretty sure it's a different meaning when you push them right up next to each other like you have.

Dave

[Krentenbol]

Many thanks! That worked, how much "just a space" mean This topic can be locked.