• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

trotz * { margin: 0; padding: 0; } nervender abstand... ;(

Feya

Neues Mitglied
puh... jetzt suche ich mich schon die ganze zeit dumm und dämlich und werd ganz verrückt. ich habe zwischen meinem titelbild und dem anfänglichen menü einen total blöden abstand, der logischer weise nicht da sein soll. meines wissens nach habe ich im css alles eingestellt, was das verhindern sollte. aber dennoch ist dieser abstand da. leerzeichen kann ich auch keine finden... *seufz*

also so schaut es aus:

und hier der html-code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>NatureSpirits - Life is just a mystic dream</title>
  <link rel="stylesheet" type="text/css"
 href="reset.css">
</head>
<body>
<table cellpadding="0" cellspacing="0" height="100%"
 width="100%">
  <tbody>
    <tr>
      <td style="height: 166px;"><img
 src="images/title.png" width="100%"></td>
    </tr>
    <tr>
      <td style="height: 20px;">
      <table background="images/bg.png" cellpadding="0"
 cellspacing="0" height="100%">
        <tbody>
          <tr>
            <td>Home</td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>
und dann noch mein css-code:
Code:
html, body, div, span, applet, object, iframe,

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
ich hoffe, ihr seht etwas, was ich nicht sehe... *grummel*

vielen dank schonmal
gruß feya
 
Vielleicht ist dein Titelbild kürzer als die 166px, die du als Höhe der Tabellenzelle angegeben hast? Eine Onlinedemo wäre hilfreich...

Außerdem:
Webdesign macht man nicht mit Tabellen! Tabellen sind für tabellarische Daten gedacht. Besonders da du noch nicht viel von der Webseite fertig hast, rate ich dir, es gleich richtig zu machen. Tabellen haben außerdem viele Nachteile.
Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten
 
hey, danke für die antwort! ;)
also an den 166px liegt es leider nicht. wenn ich das wegmache ändert sich auch nichts. lese mich aber grad mal durch deinen link.
danke für den hinweis. werde mich da auf jeden fall mal einarbeiten und es umändern und dann klappt es dann auch bestimmt.

vielen dank auf jeden fall!!!

gruß
anna
 
Der zusätzliche Abstand nach unten von ein paar Pixeln ist ein bekanntes Problem/Feature bei Bildern. Fix:

Code:
img { display: block; }
 
Danke!!!

Vielen lieben Dank für die Antwort!!!
Problem erkannt, Problem gebannt!
Genau DAS war es! Jetzt funktioniert alles!!!

DANKE, DANKE, DANKE!!!
 
Zurück
Oben