Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem Getting <br id="1" /> To Work

    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.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.

  • #3
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It still doesnt work

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh, and my coding is valid and good, bravenet changed it alot. i hadnt noticed that before you pointed it out

    Cheers

  • #6
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    when i change it to a normal <br /> it still doesnt work

  • #7
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Okay I'll rephrase this. You can't style a <br> or a <br />.

  • #9
    Senior Coder
    Join Date
    Aug 2005
    Posts
    1,119
    Thanks
    2
    Thanked 1 Time in 1 Post
    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>

  • #10
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It isnt Valid yet because i havnt finished i just want that one thing fixed

  • #11
    Senior Coder
    Join Date
    Aug 2005
    Posts
    1,119
    Thanks
    2
    Thanked 1 Time in 1 Post
    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.
    Last edited by thesavior; 12-22-2005 at 04:30 AM.

  • #12
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No i mean <br />

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

  • #13
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •