/    Sign up×
Community /Pin to ProfileBookmark

Text formatting in CSS

Ok, so I have a CSS and I use it for format text all over a page. For the most part this is great. For some reason I have one section where absolutely NO formatting takes place. I scoured the CSS, I’ve scoured the HTML… I just can’t find the error. I need a second pair of eyes here I guess. The HTML….

[code]
<div id=”big”>
<table width=”731″ cols=”3″ border=”0″>
<tr><td width=”131″ valign=”top”>
<table width=”100%” cols=”1″ border=”2″ bordercolor=”#8C2D27″>
<tr><td width=”100%” align=”center”><form action=”logger.php” method=”post”>
<span id=”maroon10″>Username: <input type=”text” name=”usn” size=”10″ /></span><br>
<span id=”maroon10″>Password: <input type=”text” name=”psw” size=”10″ /></span><br>
<input type=”submit” value=”Log me in!” /></form><p>
<span id=”gold10″>Not a member? Register <a href=”register.htm”>HERE!</a></span>
</td></tr></table>
</td>
<td width=”10″></td>
<td width=”590″ height=”300″ bgcolor=”blue”></td></tr></table></div>
[/code]

And the relevant CSS…

[code]
#big
{
position: relative;
margin-top: px;
width: 799px;
height: auto;
float: center;
background-color: #ffffff;
font-family: tahoma;
font-size: 10px;
}

#big a:link {
font-size: 10px;
font-weight: 600;
text-decoration: none;
text-align: center;
text-valign: center;
color: #ffcb38;
}
#big a:visited {
font-size: 10px;
font-weight: 600;
text-decoration: none;
color: #ffcb38;
}
#big a:hover {
font-size: 12px;
font-weight: 800;
text-decoration: none;
color: #3D4559;
}
#big a:active {
font-size: 10px;
font-weight: 600;
text-decoration: none;
color: #ffcb38;

input
{font-size: 10px;}

#maroon10
{
font-family: tahoma;
font-size: 10px;
color: #8C2D27;
}

#gold10
{
font-family: tahoma;
font-size: 10px;
color: #ffcb38;
}
[/code]

Literally nothing works in there. The text is all default size and auto black, the links is default link blue underlined, and even the input boxes are default size. What am I missing?

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@drhowarddrfineNov 18.2006 — Go to w3.org and use the html and css validator for your errors.
Copy linkTweet thisAlerts:
@NogDogNov 18.2006 — From the [url=http://jigsaw.w3.org/css-validator/]CSS validator[/url]:
[list]
  • [*]Line: 4 Context : #big

    Invalid number : margin-top px is not a margin-top value : px


  • [*]Line: 7 Context : #big

    Invalid number : float center is not a float value : center


  • [*]Line: 18 Context : #big a:link

    Property text-valign doesn't exist : center


  • [*]Line: 40 Context : #big a:active

    Parse Error - {font-size: 10px

  • [/list]
    Copy linkTweet thisAlerts:
    @sticks464Nov 18.2006 — Give this a try. Go to W3C to validate.

    <div>

    <table id="big" width="731" cols="3" border="0">

    <tr><td width="131" valign="top">

    <table width="100%" cols="1" border="2" border-color="#8C2D27">

    <tr><td width="100%" align="center"><form action="logger.php" method="post">

    <span id="maroon10">Username: <input type="text" name="usn" size="10" /><br />

    Password: <input type="text" name="psw" size="10" /></span><br />

    <input type="submit" value="Log me in!" /></form><p>

    <span id="gold10">Not a member? Register <a href="register.htm">HERE!</a></span>

    </td></tr></table>

    </td>

    <td width="10"></td>

    <td width="590" height="300" bgcolor="blue"></td></tr></table></div>
    [/QUOTE]


    and the CSS:

    #big

    {

    position: relative;

    width: 799px;

    margin:auto;

    background-color: #ffffff;

    font-family: tahoma;

    font-size: 10px;

    }

    #big a:link {

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    text-align: center;

    color: #ffcb38;

    }

    #big a:visited {

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    color: #ffcb38;

    }

    #big a:hover {

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    color: #3D4559;

    }

    #big a:active {

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    color: #ffcb38;

    }

    #maroon10

    {

    font-family: tahoma;

    font-size: 10px;

    color: #8C2D27;

    }

    #gold10

    {

    font-family: tahoma;

    font-size: 10px;

    color: #ffcb38;

    }
    [/QUOTE]
    ×

    Success!

    Help @mwmwnmw spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.4,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,

    tipper: @Samric24,
    tipped: article
    amount: 1000 SATS,
    )...