Member Avatar for Tinnin

Hi all,

My borders aren't showing up but my CSS looks fine. I'm confused.

My code:

/*head*/

#banner {
    border:1px solid #000;
}

/*body*/

#claim_form {
    float:left;
}

/*right banner*/

#info_panel {
    float:right;
    width:200px;
}

#login {
    border:1px solid #000;
}

#login h2{
    text-align:center;
}

#login .submit{
    text-align:center;
}

#introduction {
    border:1px solid #000;
}

#introduction h2, h3{
    text-align:center;
}

As always, any help will be greatly appreciated.

Thanks

  • 3 Contributors
  • 5 Replies
  • 135 Views
  • 21 Hours Discussion Span
  • Latest Post Latest Post by Tinnin

Recommended Answers

All 5 Replies

Member Avatar for JorgeM

We would need to see the HTML. Have you checked to make sure your HTML elements have the proper IDs, case sensitive?

Member Avatar for <M/>

I see your css might work, but as JorgeM has said, you need to show us the HTML portion with it.

Member Avatar for Tinnin 
<!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=utf-8" />
<link href="css/index2.css" rel="stylesheet" type="text/css" />
<title>Home</title>
</head>

<body>
    <div id="banner">
    <h1>Website Name</h1>
    </div>

    <div id="claim_form">
    <form action="..." method="post">

        <fieldset><legend>MAKE A CLAIM:</legend>
        <table>
        <tr>
            <td></td>
            <td><p>Title</p></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><select name="title">
            <option value="Mr">Mr</option>
            <option value="Mrs">Mrs</option>
            <option value="Miss">Miss</option>
            <option value="Dr">Dr</option>
            <option value="Prof">Prof</option>
            </select></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><p>First Name</p></td>
            <td></td>
            <td><p>Surname</p></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="text" name="firstname" size="20" maxlength="40" /></td>
            <td></td>
            <td><input type="text" name="surname" size="20" maxlength="60" /></td>
        </tr>
        </table>

        </fieldset>

    </form>
    </div>

    <div id="info_panel">

    <div id="login">
    <form action="..." method="post">

        <table width="100%">
        <tr>
            <td colspan="2"><h2>USER LOGIN:</h2></td>
        </tr>
        <tr>
            <td colspan="2"><p>Reference Number:</p></td>
        </tr>
        <tr>
            <td colspan="2"><input type="text" name="ref_num" size="20" maxlength="20"  /></td>
        </tr>
        <tr>
            <td colspan="2"><p>Password:</p></td>
        </tr>
        <tr>
            <td colspan="2"><input type="password" name="pass" size="20" maxlength="20"  /></td>
        </tr>
        <tr>
            <td class="submit"><input type="submit" name="register" value="register" /></td>
            <td class="submit"><input type="submit" name="login" value="login"  /></td>
        </tr>
        </table>

    </form>
    </div>

    <div id="introduction">
    <h2>HELP:</h2>
    <h3>A heading</h3>
    <p>blah blah blah</p>
    </div>

    </div>

</body>
</html>
Member Avatar for JorgeM

I tested your code, here is an image of what is displayed. It seems like the borders are displayed as you intended or I'm not understanding the issue.

Capture45

Member Avatar for Tinnin

Thanks. It's working for me now too. Maybe I changed something by accident /sigh. Thanks for checking.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.