0

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
8
Views
4 Years
Discussion Span
Last Post by Tinnin
0

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

0

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

0
<!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>
1

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

0

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

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.