To Work

Mr. Bubble

12-22-2005, 01:59 AM

Hi,

I am in the middle of making my brothers site and i can get <br id="1" /> to work. can some one please look at the code:

http://alexcampbell1.bravehost.com/help/index.html

http://alexcampbell1.bravehost.com/help/style.css

Thanks,
Alex.

_Aerospace_Eng_

12-22-2005, 02:07 AM

You can't style a br, and even if you could, you can't use the same id more than once. If you must use the same styles more than once use a class. And an id or name must begin with a letter. It can't begin with a number or _ or - or any other character that isn't a letter. And your html is really bad as well, though that could be due to Bravenet's ad placement.

Mr. Bubble

12-22-2005, 02:11 AM

It still doesnt work

_Aerospace_Eng_

12-22-2005, 02:15 AM

Mr. Bubble

12-22-2005, 02:15 AM

oh, and my coding is valid and good, bravenet changed it alot. i hadnt noticed that before you pointed it out

Cheers

Mr. Bubble

12-22-2005, 02:17 AM

when i change it to a normal <br /> it still doesnt work

Mr. Bubble

12-22-2005, 02:20 AM

here play around with it:

<!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>
<title>Stress Less | Mobile Car Wash Service</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="stress less, car wash, car, cars, wash, washing, mobile, mobile car wash, car wash service, stress less car wash" />
<meta name="description" content=" Stress Less Mobile Car Wash is a high quality service and worth paying the money, it's cheaper than most!" />
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<center>
<div id="wrapper">
<div id="space1">
</div>
<div id="header">
</div>
<br id="1" />
<div id="wrapper2">
<br id="1" />
<div id="nav">
<div id="nav_box">
<a href="">Home</a>
</div>
<div id="nav_box">
<a href="">Services / Prices</a>
</div>
<div id="nav_box">
<a href="">Available Jobs</a>
</div>
<div id="nav_box">
<a href="">About</a>
</div>
<div id="nav_box">
<a href="">Contact</a>
</div>
</div>
<div id="main_content">
<br />
<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br />
</div>
<div id="wrapper3">
<br />
<div id="footer">
</div>
</div>

</div>
</div>

</center>
</body>
</html>

body {
background-color: #eeefff;
}

div {
font-family: Verdana;
font-size: 10px;
color: #2f2f2f;
}

#space1 {
width: 20px;
height: 100%;
float: right;
}

#space2 {
width: 185px;
height: 20px;
}

#1 {
width: 800px;
height: 25px;
}

#wrapper {
width: 800px;
height: 100%;
}

#wrapper2 {
width: 800px;
height: 100%;
float: right;
}

#wrapper3 {
width: 802px;
height: 100%
float: right;
}

#header {
width: 800px;
height: 125px;
border: 1px dotted #000000;
background-color: #ffffff;
float: right;
}

#nav {
width: 189px;
height: 100%px;
border: 1px dotted #000000;
background-color: #ffffff;
float: left;
}

#nav_box {
width: 189px;
height: 35px;
border-bottom: 1px dotted #000000;
float: none;
}

#main_content {
width: 590px;
height: 500px;
border: 1px dotted #000000;
background-color: #ffffff;
float: right;
}

#ad_box {
width: 728px;
height: 90px;
border: 1px dotted #000000;
background-color: #ffffff;
float: none;
}

#footer {
width: 798px;
height: 25px;
border: 1px dotted #000000;
background-color: #ffffff;
float: left;
}

Alex.

_Aerospace_Eng_

12-22-2005, 02:32 AM

Okay I'll rephrase this. You can't style a <br> or a <br />.

thesavior

12-22-2005, 02:39 AM

your code isn't even valid, here is a few things that i notice off hand:

change your code to:
<!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>
<title>Stress Less | Mobile Car Wash Service</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="stress less, car wash, car, cars, wash, washing, mobile, mobile car wash, car wash service, stress less car wash" />
<meta name="description" content=" Stress Less Mobile Car Wash is a high quality service and worth paying the money, it's cheaper than most!" />
</head>

<body>
<div style="text-align:center;">
<div id="wrapper">
<div id="space1">
</div>
<div id="header">
</div>
<br />
<div id="wrapper2">
<br />
<div id="nav">
<div id="nav_box">
<a href="#">Home</a>
</div>
<div id="nav_box">
<a href="#">Services / Prices</a>
</div>
<div id="nav_box">
<a href="#">Available Jobs</a>
</div>
<div id="nav_box">
<a href="#">About</a>
</div>
<div id="nav_box">
<a href="">Contact</a>
</div>
</div>
<div id="main_content">
<br />
<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br />
</div>
<div id="wrapper3">
<br />
<div id="footer">
</div>
</div>

</div>
</div>

</div>
</body>
</html>

Mr. Bubble

12-22-2005, 03:14 AM

It isnt Valid yet because i havnt finished i just want that one thing fixed

thesavior

12-22-2005, 03:26 AM

i fixed it, because there is no way that br's can have ids. I also fixed a few other things, like topmargin="0" and things like that.

im just wondering, do you mean hr and not br?

because you CAN style hr's.

Mr. Bubble

12-22-2005, 03:43 AM

No i mean <br />

It still hasnt got the the break where i want it to.... whats wrong?

_Aerospace_Eng_

12-22-2005, 03:56 AM

The br that comes directly after the div doesn't do anything because by default a div already creates a line-break, you need to brs rather than just one though margin will be better rather than using a br.