Hey guys I need some more help with CSS!

Discussion in 'CSS' started by franklindeleon, Jan 26, 2007.

0
  1. #1
    I've done some wrok on my site although I have not had too much time to work on it but I think I am on the rith way, now can you guy help me with some issues I have:

    1. In firefox the content appears over to the left on top of the left navigation and it is supossed to be centered.

    2. the top nav backgourn color does not display.

    3. See where the three computer are, I put them there just to try to explain that I want to have three boxes there which will display the info for the three web design packages I'll be offering, but I don;t know the code to have those three boxes, can you guys tell me how to do it. Any other opinions are welcome,

    thanks a lot
     
    franklindeleon, Jan 26, 2007 IP
  2. franklindeleon

    franklindeleon Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    franklindeleon, Jan 26, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    First, fix the html errors. BTW, there is no sane reason to use a transitional DTD on a new document.

    Then, fix the css errors. One that stood out is {float: center;}. There is no such thing. It's meaningless.

    cheers,

    gary
     
    kk5st, Jan 26, 2007 IP
  4. franklindeleon

    franklindeleon Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ok I deleted this part but now it the page moved over to the left and I want it centered


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    franklindeleon, Jan 26, 2007 IP
  5. franklindeleon

    franklindeleon Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    it won't validate because not doc type was found, what am I doing wrong
     
    franklindeleon, Jan 26, 2007 IP
  6. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #6
    What kk5st meant by not needing a transitional DTD is that you should use an strict DTD, not that you shouldn't declare a DTD.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    It's less forgiving and you won't be able to include deprecated tags. On the other hand, you'll force IE7 to follow standards more closely.

    Try specifying the following for the box you want centered:

    margin-left: auto;
    margin-right: auto;
     
    rb3m, Jan 26, 2007 IP
    kk5st likes this.
  7. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Fist of all your markup (CSS and xhtml) are really off. I have looked through your code and you have the right idea but are doing serveral things wrong. The biggest thing was your use of "floats". You don't float everything like you were doing.

    Read http://alistapart.com/articles/practicalcss/ and http://css.maxdesign.com.au/floatutorial/ and I think it will explain a lot.

    I cleaned up your markup a bit but it still needs some more work, maybe you can look at what I did and see what you need to do.

    cheers
     

    Attached Files:

    jared, Jan 26, 2007 IP
  8. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #8
    Tnx. I should have been more complete with my comment.

    cheers,

    gary
     
    kk5st, Jan 26, 2007 IP
  9. pr0xy122

    pr0xy122 Peon

    Messages:
    1,649
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Get the HTML working first. Then should be able to help.
     
    pr0xy122, Jan 27, 2007 IP
  10. franklindeleon

    franklindeleon Peon

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    thank you all, I'll work on it,
    I apreciate it
     
    franklindeleon, Jan 27, 2007 IP