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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help ASAP - 1st time using CSS

    Hey everyone, I'm a noob by every definition with regards to CSS and HTML and I'm currently at a loss with an assignment. I've had technology and user error ruin my day. Notepad++ tabbed 2 of what I thought were duplicate .html files and I realized too late that I deleted my good copy that I have to submit by 8am tomorrow morning. Long story short, what once worked good enough to get a good grade is now causing me to pull hairs and my CSS is seemingly useless. Since I don't really know the forum etiquette here I hope you'll bear with me. What seems to be happening is that no matter what I change as far as classes or id's in CSS, I can't get color or alignment to function properly in my tables. I had a very simple gray/silver layout with rollover buttons on my hyperlinks and now I have bad alignment everywhere, huge white table sections where there should be color and nonfunctional rollovers. I know this is elementary but I've never used CSS before and I've already put many hours into this. Any help would be greatly appreciated.

    p{font-family: trajan pro, 'sans serif'; color:maroon;}

    h1.header {font-family: trajan pro, 'sans serif'; color:maroon; text-decoration:underline; font-weight:bold;}

    p.info {text-decoration: underline; font-style: italic; font-weight: lighter;}

    table#head {background-color: silver; width: 75%; text-align:center;}

    td#headpic {text-align: center;}

    td.headtd {text-align: center;}

    table#navbar {width: 75%; text-align:center;}

    td#image {background-color: silver; text-align: center;}

    td.link {text-align: center; background-color: #acacac}

    td#footer {background-color: silver;}

    body#background {background-color: maroon;}

    table.content {background-color: gray; position: center; width: 75%;}

    td#generic {background-color: gray; text-align: center;}

    td#footer {width: 100%; position: center; text-align: center;}


    a:link, a:visited {background: gray ; border: 3px outset; color: black;}
    a:focus, a:hover {background: silver ; color: maroon;}
    a:active {backgroundlive; border: gray ;}

    --------------------------------------------------------------------------

    <html>
    <!-- Brian Kinney, INFS 271-02, 2/20/09 -->
    <!-- Resume using basic structure of Assign1 with incorporation of CSS elements -->

    <head>

    <title>Brian Kinney Resume</title>
    <link rel="stylesheet" type="text/css" href="resume.css" />

    </head>

    <body id="background">


    <table id="head" cellpadding="1">
    <tr>
    <td id="headpic">
    <img src="C:\Users\Brian\Desktop\resume\les.jpg" />
    </td>
    <td align="center">
    <h1 class="header">Brian Kinney</h1>
    </td>
    <td align="center">
    <p class="info"><b>514 University Avenue<br>
    Selinsgrove, PA 17870</b></p>
    </td>
    </tr>

    </table>

    <table id="navbar">
    <tr>
    <td class="link"><A href="http://www.saabcentral.com">SaabCentral.com</A>
    </td>
    <td class="link"><A href="http://www.ultimate-guitar.com">Ultimate-Guitar.com</A>
    </td>
    <td class="link"><A href="http://www.basspro.com">Bass Pro Shops</A>
    </td>
    </tr>
    </table>
    <table class="content" cellpadding="5">
    <tr>
    <td>
    <h1 class="header">Goals</h1>
    <ol>
    <li>Job</li>
    <li>Porsche 911 Turbo</li>
    <li>Early Retirement</li>
    </ol>
    </td>

    <td id="generic">
    <h1 class="header">Hobbies</h1>
    </td>
    </tr>

    <tr>
    <td>
    <h1 class="header">Education</h1>
    <ul>
    <li>Lake-Lehman Jr/Sr High</li>
    <li>Susquehanna University</li>
    </ul>
    </td>
    <td id="image">
    <img src="C:\Users\Brian\Desktop\resume\bass.jpg" />
    </td>
    </tr>

    <tr>
    <td>
    <h1 class="header">Work Experience</h1>
    <ul>
    <li>Moon Lake Marina</li>
    <li>Cornell Iron Works</li>
    <li>Freelance Yardwork</li>
    </ul>
    </td>
    <td id="image">
    <img src="C:\Users\Brian\Desktop\resume\saab.jpg" />
    </td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td id="image"><img src="C:\Users\Brian\Desktop\resume\schecter.jpg" />
    </tr>
    <tr>
    <td id="footer" colspan="2">February 9, 2009</td>
    </tr>
    </table>


    </body>



    </html>

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    please put your code between [ code] and [ /code] tags, you can edit your post to do that. Thank you.
    also if you can post a link to the page with the problem, it's easy to see what's wrong.

    best regards
    .


  •  

    Posting Permissions

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