Help with inserting text and alignment with CSS lease

Discussion in 'CSS' started by patwa, Jun 5, 2009.

  1. #1
    Hello,

    I'd be most grateful if anyone could offer a hand with some CSS issues.

    The HTML page is at:
    www.patwanet.co.uk/index_old.shtml

    The related CSS stylesheet is at:
    www.patwanet.co.uk/css/main.css

    The issues I'm having trouble with are:
    1. I'd like to more centrally align the top banner. It looks mis-aligned at the moment (although I'm going to have links going down the left hand side - not sure if that makes it look any better though).
    2. To the right of the banner I want to have a couple of lines of text with the telephone number and e-m,ail address. I'm not sure how to do this without using table cells, and as it took me some time to remove most of them in the first place I don't want to spoil that all now.

    I'm not good with CSS so any help is very much appreciated.

    Thanks so much,
     
    patwa, Jun 5, 2009 IP
  2. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    1. First validate the HTML code. There are many duplicated <head>, <title>, <body> and <html> tags.

    2. centrally align the top banner, use the css like this
    #logo
    {
    width:400px;
    margin: 0px auto;
    height: 95px
    }
    3. For a 2 column css layout, try this tool

    http://www.pagecolumn.com/2_column_div_generator.htm
     
    unigogo, Jun 6, 2009 IP
  3. patwa

    patwa Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hello,

    Thanks for your reply and the tips.

    The duplicated tags are from each of the files included within the main html file, I can remove these no problem. I'll also modify the css stylesheet for the logo.

    I'd ideally want a 3-colum layout with perhaps a full width row at the bottom for the copyright, etc. Is there such a generator or code sample on the site you suggested?

    I'll post back once I've done this, then perhaps we could look at the text insert part?

    Thanks again, I really appreciate your time on this.
     
    patwa, Jun 6, 2009 IP
  4. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    unigogo, Jun 7, 2009 IP