Problem Getting 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 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

Quote:

Originally Posted by _Aerospace_Eng_

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, 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 it still doesnt work

Mr. Bubble · 12-22-2005, 02:20 AM

here play around with it:

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>
<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>

Code:

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 or a .

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:

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>
<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, 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 

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.