css id problem

nivlat · 09-06-2012, 03:29 AM

Hi everyone,
I'm new to web design and getting crazy with this:

css
----------------------
#content{
color: red;
}
#test{
color: blue;
}
---------------------

html
---------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>the trashcan</title>
<link rel="stylesheet" type="text/css" href="main2colonne.css"/>
</head>
<body>
<div id="container">
<div id="header"></div><p>the trashcan logo</p>
<div id="content"></div><p>love<br/>you<br/>long<br/>time</p></div>
<div id="navigation"><p id="test">link</p>
<div id="footer"></div><p>copyright</p>
</div>
</body>
</html>
--------------------------------------------------------------

the word "link" does get formatted in blue, but the words "love you long time" don't get red.
I've checked everything I've tried everything but I can't find out where's the problem...

Many thanks in advance,
nivlat

felgall · 09-06-2012, 03:35 AM

<div id="content"></div>

This div has no content - you have the </div> in the wrong place.

AndrewGSW · 09-06-2012, 03:35 AM

Code:

<div id="content"></div><p>love<br/>you<br/>long<br/>time</p></div>

You've opened and immediately closed the div "content" so the words "love you.." are not within this div, and therefore not coloured red.

nivlat · 09-06-2012, 03:41 AM

thank you boys, I would have nerver find out.....