Please help with basic web design problem I ran into.

Discussion in 'HTML & Website Design' started by somedude, Sep 11, 2009.

  1. #1
    HI,
    I am a noob and am using Dreamweaver CS3. I posted a screencap of the situation I'm in. It's a before and after pic.

    i posted it at imgur: imgur.com/dKZOp.jpg


    The top portion is the before version. you'll see the width is 800px. But when I click on the gallery slice and make it into a link, (by click dragging the pointer)
    Dreamweaver automatically adds pixels to the width. :mad:
    You can see how it says, 800(804), and it messes up all of my slices and creates weird lines everywhere. I thought Dreamweaver may be adding extra pixels but in the code the width values haven't changed.
    I have the whole page wrapped in a div tag and cannot figure out why Dreamweaver is adding these extra pixels to the width.

    When I make a slice into a link, I just want it to be normal, like it was before.
    I originally thought it was a settings issue but I can't seem to figure it out.
    Can anyone please advise?

    (I made this in Illustrator and sliced it and exported it in PS then brought it into DW)
     
    somedude, Sep 11, 2009 IP
  2. NexsStep

    NexsStep Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    uhh, this is the problem I face almost every time
    You gave 800 but it is 804, try to resize it manually, I know it is not recommended, but it works
    I see there are a lot of columns, check them, this problem occurs, for example, you give 200px with for a cell, then put an image with 210px width. also, check the borders
     
    NexsStep, Sep 11, 2009 IP
  3. somedude

    somedude Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks,
    but after doing some more searching I've decided I'm going to abandon the slice method completely and just use
    div tags entirely. It's kind of too bad, becuase I like my design.

    In my research I noticed that some people have similar problems and the problem is not usually solved.
    But since a lot of people still seem to use the slice method, there's got to be a way to make it work.

    If any other adepts are reading this and can offer a solution I would love to hear it.

    Thanks in advance.
     
    somedude, Sep 12, 2009 IP
  4. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yea I'd stay away from table designs, they got replaced about 10 years ago now :p

    The reasons for the extra 4 pixels could be:

    1. CellPadding - set it to zero
    2. CellSpacing - set it to zero again
    3. Borders - these count as the total width

    Hope that was handy, keep using CSS and seeing how other sites do theirs by looking at their source code along with their css file (usually "/style.css")

    Keep at it! :cool:
     
    stuart.letterman, Sep 12, 2009 IP