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 4 of 4
  1. #1
    New Coder
    Join Date
    Nov 2006
    Posts
    47
    Thanks
    2
    Thanked 1 Time in 1 Post

    Smile Positioning is off

    Can someone let me know what I'm doing wrong. The right border on of the box that says 'This is the first box' does not display. What am I doing wrong. CSS file is attached.

    HTML:

    <!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=iso-8859-1" />
    <title>Cincinnati Builder of New Homes - Schmidt Builders</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    </head>
    <body>
    <div id="container">
    <div id="hd" class="HeaderCells">
    <ul>
    <li id="current"><a href="#">Home</a></li>
    <li><a href="#">Virtual Tours </a></li>
    <li><a href="#">Mortgage Info</a></li>
    <li><a href="#">About Us </a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </div>
    <div id="bd">
    <div id="logo"></div>
    <div id="ButtonContainer">
    <div id="FloorPlans" class="HoverButtons"></div>
    <div id="NewHomes" class="HoverButtons"></div>
    <div id="Portfolio" class="HoverButtons"></div>
    <div id="Communities" class="HoverButtons"></div>
    </div>
    </div>
    <div id="sb">
    <div id="45Days">this is first box </div>
    <div id="Search">This is second box 200 </div>
    <div id="Packet">This is 3rd box </div>
    </div>
    </div>
    </body>
    </html>


    Preview Page
    Attached Files Attached Files

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,714
    Thanks
    0
    Thanked 238 Times in 233 Posts
    Hi there EricaStar,

    it is not permissable to start an id with a number.
    Change...
    id="45Days"
    ...to...
    id="fortyfiveDays"
    ...with similar adjustments in your stylesheet.

    coothead

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,777
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    An ID or class can't start with a number, hence #45Days is ignored. Plus you are using way too much positioning and unnecessary CSS. For example:
    Code:
    	border-right-color: #003C42;
    	border-left-color: #003C42;
    	border-right-width: 1px;
    	border-left-width: 1px;
    	border-top-width: 0px;
    	border-bottom-width: 0px;
    	border-style: solid;
    can be condensed to:
    Code:
    	border-right: 1px solid #003C42;
    	border-left: 1px solid #003C42;
    Edit: Ah dammit! Too late again.

  • #4
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,714
    Thanks
    0
    Thanked 238 Times in 233 Posts
    Quote Originally Posted by VIPStephan View Post

    Ah dammit! Too late again.
    Yes, but it was only by a mere twenty nine minutes.

    coothead


  •  

    Posting Permissions

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