Padding

Discussion in 'HTML & Website Design' started by ZaitseV, Mar 30, 2013.

0
  1. #1
    Hi there.. I'm new here and I'm also new in this fantastic world of web editing..

    I would like to know from you which one is the problem with this page http://edilceg.altervista.org/website_try/index.html .. between the banner and the h1 text there is a lot of padding, how can I remove it?

    Thanks in advance and excuse me for the newbie question.. :p

    ZaitseV

    p.s. sorry for my low english..
     
    Solved! View solution.
    ZaitseV, Mar 30, 2013 IP
  2. #2
    Did you slice it out of Photoshop?

    Tables are not for layout. Your code is out of control.

    Now to solve the current problem. You must promise that next time you design, please follow the standard. Use it for what its for. Make your codes clean. Table is for tabular data. Use divs and other HTML tags to structure.

    There's no padding involve. It's just the default valign for tables. You didn't specify its value so it is set to default.

    Find this line in your code (line 57 of your index.html)
    <td width="940" height="0" colspan="10">
<div id="content">
<div id="header"><h1>Layout a due colonne</h1></div>
    HTML:
    ...and change to this. I added valign="top"
    <td width="940" height="0" colspan="10" valign="top">
<div id="content">
<div id="header"><h1>Layout a due colonne</h1></div>
    HTML:
    Hope this helps. But remember the promise.
     
    Last edited: Mar 30, 2013
    rolodex, Mar 30, 2013 IP
  3. ZaitseV

    ZaitseV Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Sorry.. I'm really a novice, don't be so cruel with me xD
    imho, yes, I tried to slice a PSD, it was my first time......
    can you link me some usefull tutorial about that?

    p.s. ofcourse now it works.. thanks a lot :p
     
    ZaitseV, Mar 30, 2013 IP
  4. rolodex

    rolodex Well-Known Member

    Messages:
    364
    Likes Received:
    37
    Best Answers:
    5
    Trophy Points:
    175
    #4
    Just use Photoshop to design roughly on what you're looking for. Don't slice. It's not good practice.
    Practically for a graphic element, export it individually. It's better.

    Now for the link of tutorial, since you are new to this, I'd recommend this;
    http://www.w3.org/Style/Examples/011/firstcss.en.html

    Follow through the tutorial carefully and understand the function. This is downright basic knowledge. Once you get the feel of it, you'll understand that CSS is just like Illustrator but using codes.

    Get done with the tutorial and there's a lot of tips and tricks to make your website more usable and attractive. You may want to check out this site to get that passion burning.

    thebestdesigns.com

    All the best!
     
    rolodex, Mar 30, 2013 IP