...

View Full Version : Problem Getting <br id="1" /> To Work



Mr. Bubble
12-22-2005, 02: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, 03: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, 03:11 AM
It still doesnt work

_Aerospace_Eng_
12-22-2005, 03:15 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.
I know, I told you that you can't style a br.

Mr. Bubble
12-22-2005, 03: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, 03:17 AM
when i change it to a normal <br /> it still doesnt work

Mr. Bubble
12-22-2005, 03: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"><!--
google_ad_client = "pub-7636841012214389";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
//--></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, 03:32 AM
Okay I'll rephrase this. You can't style a <br> or a <br />.

thesavior
12-22-2005, 03: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"><!--
google_ad_client = "pub-2503458263802741";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
//--></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, 04:14 AM
It isnt Valid yet because i havnt finished i just want that one thing fixed

thesavior
12-22-2005, 04: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, 04: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, 04: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum