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

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

I see your css might work, but as JorgeM has said, you need to show us the HTML portion 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>
<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>

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

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.