Space? Like a white area of a few pixels?

Discussion in 'HTML & Website Design' started by Klaas Koopman, Dec 4, 2006.

  1. #1
    Hi All,

    Currently I am working on my new weblog design, but somehow can't figure a certain part out.

    I designed my design with photoshop and how am working on putting it into html/css ( and then going to add the wordpress in ). But I am being held down on 2 area's, which both should be white area's...

    Below is the link to the design how it should be, and the second link is how it is currently. The white part should be between menu's and below the second menu should be a white part.

    This is how it should be:
    http://www.koopmansblog.nl/problem/v1copy.png

    This is what I got so far:
    http://www.koopmansblog.nl/problem

    If you see any other things that you would change, let me know.

    Thanks Alot!

    P.S. am I correct when i'm saying a div can't be small like 5px in height?
     
    Klaas Koopman, Dec 4, 2006 IP
  2. weknowtheworld

    weknowtheworld Guest

    Messages:
    306
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    can you pass the html... can change and send to you...

    also, to tell you simplyy..... use tables... for menu...
    first tr is menu1
    second tr should be <tr><td height=5></td></tr>
    third tr is menu2
    fourth tr should be <tr><td height=5></td></tr>

    remember to use height and no space or &nbsp; between <td> and </td>
    this should do the job.
     
    weknowtheworld, Dec 4, 2006 IP
  3. Klaas Koopman

    Klaas Koopman Well-Known Member

    Messages:
    895
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    128
    #3
    Is it possible to do this with divs? Cause I tried but the height won't go smaller then the height of a size 12 font :S


    [ btw, if you look at the first menu and the second, at the bottom the border bottom and border top they aren't right. I mean I got a border top, right and bottom. How can I make it so the top is actually the top and the bottom is actually the bottom and the right is in between? is this even possible without using a background?]
     
    Klaas Koopman, Dec 4, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    I'll assume you're testing in IE. IE reserves enough height for an inline box. That's the line height of the font size. Make the font-size 0 (zero) for that div. Be sure to use Firefox as your primary test bed. IE is just too crappy for web development. Use it only to test for IE wrongness.

    The question remains, though, why are you using a 5px high div? The div element is a structural element meant to aggregate other elements. What are you putting into this one? A few pixels of white space? That's what margins do.

    cheers,

    gary
     
    kk5st, Dec 4, 2006 IP