CSS Forum

**silverglade** · 07:16 PM

hi, In Dreamweaver , when i right click my html document in design mode and choose "css styles" -> "mystyle", it is supposed to show up a repeated background, but the background only shows up on one line. this is the same when i choose a background color, when i right click the page and choose mystyle, it only colors one line. any help greatly appreciated. thanks. derek

**LadynRed** · 08-26-2008, 08:13 PM

Lets see the code, it's impossible to know what's going on w/o it.

**silverglade** · 08-26-2008, 08:16 PM

here is the code for the style sheet.

Code:

@charset "utf-8";
.testingdog {
    background-image: url(worlds-strongest-dog.jpg);
    background-repeat: repeat;
}

and here is the code for the html page.

Code:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="file:///C|/wamp/www/code/testingdog.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p class="testingdog">&nbsp;</p>
</body>
</html>

**LadynRed** · 08-26-2008, 08:22 PM

So, you're putting the repeating background on a BLANK paragraph ? How do you expect to see more than 1 line when there's nothing there ? When you put the background on a paragraph, it's only going to be as high as the text within it, so DW is showing you exactly what you gave it.

Oh, and you don't need the background-repeat: repeat - repeat is the default behavior.

**silverglade** · 08-26-2008, 08:25 PM

thank you. do you know what i have to do to make the dog image repeat all over the page ? when i right click the page and insert the css, it only shows up on one line when i thought it would show up on the whole page it seems to do that automatically.

**LadynRed** · 08-26-2008, 08:27 PM

If you want an image to be the background for the entire page, apply the background to the body in your css:

body{background: url(worlds-strongest-dog.jpg);}

**silverglade** · 08-26-2008, 08:41 PM

i tried pasting the body code in my css because by default dreamweaver doesnt give me a body tag in my css. but here is my second try and it still only outputs on one line.

code for the css.

Code:

 @charset "utf-8";
}
.dogrepeat3 {
    background-image: url(worlds-strongest-dog.jpg);     
}

code for the html page when i right click and insert the css.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="file:///C|/wamp/www/code/newdogrepeat.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p class="dogrepeat3">&nbsp;</p>
</body>
</html>

the background image displays on one line.

**silverglade** · 08:52 PM

i had to hand code the html to correct it. my new html code works , but that still makes my css not work. i had to do it by hand here.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="file:///C|/wamp/www/code/newdogrepeat.css" rel="stylesheet" type="text/css" />
</head>


<body class="dogrepeat3">&nbsp;</body>
</body>
</html>

note i put it in the body tags. where dreamweaver for some reason puts it in the <p> tags. when i pasted your code

Code:

 @charset "utf-8";
 }
 .dogrepeat3 {
     body{background: url(worlds-strongest-dog.jpg);}     
 }

it didnt do anything, is my dreamweaver css automated tool messed up?

**chrishirst** · 08-26-2008, 09:30 PM

Probably not but the CSS is;
Once the CSS is messed up, DW will never recover it, as it only knows how to write CSS not debug it.

body{background: url(worlds-strongest-dog.jpg);}

NOT

}
.dogrepeat3 {
body{background: url(worlds-strongest-dog.jpg);}
}

Otherwise your style rule would only apply if the body element was inside a container with a class of dogrepeat3.

**silverglade** · 08-26-2008, 09:37 PM

your code works , but it isnt the code DW generates. here is the code DW generates when i try to set the dog image to the background in my CSS.

Code:

@charset "utf-8";
.dogrepeat8 {
    background-image: url(worlds-strongest-dog.jpg);
}

and it didnt work, but once i put your code in the CSS. it worked.
should i just learn to code CSS by hand? because it looks like dreamweaver is messed up. derek

**wayfarer07** · 08-27-2008, 01:08 PM

Quote:

should i just learn to code CSS by hand?

Yes..

**chrishirst** · 08-28-2008, 05:12 PM

I'll second that yes vote