Help me sort out a big mess!

Discussion in 'CSS' started by Notting, Feb 8, 2006.

  1. #1
    Here's the story so far:

    1. Use template which used css
    2. Didn't even know that it did (I was a even more of a noob then)
    3. Edited site in frontpage with complete disregard for css
    4. Skip forward 6 months
    5. Started to get a better understanding of web design
    6. Got dreamweaver
    7. Tried to change everything back to CSS
    7.a deleted all the font tags such as font, size and colour
    7.b Tried to format text with CSS
    8. Site looks weird and won't behave

    Please help me out as I am starting to lose it a bit!

    The page I am trying to sort out is:

    www.nottinghamstudent.co.uk/Homepage.html

    Please take a look and offer your wordly advice!

    Thanks in advance it is really appreciated
    Jamie
     
    Notting, Feb 8, 2006 IP
  2. tommie

    tommie Guest

    Messages:
    114
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    instead of font tags you can use divs around the text in your site, If you want all the text to be the same( I see you used <td>) just add,

    td {
    font-family:verdana;
    font-size:11px;
    etc...
    }

    if not define a couple of divs in you css and start divving, the rest is a good case of positioning as far as I can see.
     
    tommie, Feb 8, 2006 IP
  3. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Few questions:
    1. Why is some of the text centered? It's not supposed to be.
    2. Why is some text not showing ("add to favourites" just to the right of "Nottingham student Home page"

    I don't know what a td or a div are!
     
    Notting, Feb 8, 2006 IP
  4. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #4
    OK...well i think I've made quite good progress on the page www.nottinghamstudent.co.uk/Homepage.html.

    Few little things niggling me though:

    All the white headers apart from "Buy e-tickets for Isis Nightclub Nottingham!" are a bit "high", that is, they sort of clash with the bit above. What can I do about this?

    Also possibly more importantly when I validate the page it comes up with 66 validation errors! How important is it not to have these and how do I go about cleaning them up, I had a look and dont really understand any of them!

    Thanks
    Jamie
     
    Notting, Feb 8, 2006 IP
  5. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #5
    Anyone? Help would be really appreciated as this is *really* buggin me now!!
     
    Notting, Feb 10, 2006 IP
  6. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Its always good to get your page to validate - I'm a bit anal about it, though not everything I've done has validated. You don't have a doctype in your html documnet, try placing thi (below) on the page above everything else, then validate the file. I'm not and expert on this so I sure someone will come along tell me other wise

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    I had alook at the white headers and you might want to add a little top padding to the css file (the bit in bold), play around with the numbers it should be somwhere around 2-5px I think:

    .Whitetitle {
    font-family: Rockwell;
    font-size: 14px;
    font-style: normal;
    line-height: 15px;
    font-weight: bolder;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: underline;
    padding-top: 5px; <---- adding this to the css file it might work
    }

    There is more than one way to do this BTW.
     
    Blame Me, Feb 10, 2006 IP
  7. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #7
    Thank you Blame Me - you're a star!

    And that thing to put at the start got rid of 21 errors!
     
    Notting, Feb 10, 2006 IP
  8. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #8
    No problem :D

    You still have stuff in there that you don't need and something hits the fan around about line 404 (in Dreamweaver).

    Missed closing tags, href tags not complete and others :(

    Have you validated the page with Dreamweaver validation?

    Its File --> Check Page --> Validate Markup - it will bring up a list of all things wrong with the page.

    If you would like me to help pm me.
     
    Blame Me, Feb 10, 2006 IP