Antworten auf deine Fragen:
Neues Thema erstellen

Seltsamer Abstand!

Avire

*Zwei-Sterne-User*

Hallo, weiss jemand wodurch der Abstand, neben dem linken Button ganz aussen entsteht?
Also der Button sollte genau unter dem Banner stehen. Jedoch ist er ein wenig mehr rechts..

Code:
<div id="alles">
<div id="header"></div>
<ul id="top-navigation">
      <li><a href="">Lorem Ipsum</a></li>
      <li><a href="">Lorem Ipsum</a></li>
      <li><a href="">Lorem Ipsum</a></li>
      <li><a href="">Lorem Ipsum</a></li>
      <li><a href="">Lorem Ipsum</a></li>
      <li><a href="">Lorem Ipsum</a></li>
</ul>



</div>
Code:
body{
    background-color: #363636;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    font-size: 14px;
    display:block;
}
#alles{
    width: 1024px;
    margin:auto;

}
#header{
    position: relative;
    height: 305px;
    background: url(images/header.jpg) no-repeat;
}
#top-navigation li{
    list-style: none;
    width: 155px;
    float:left;
    margin-right:4px;
}
#top-navigation li a{
    display:block;
    height: 42px;
    padding:9px;
    background: url(images/button.jpg) no-repeat top center;
    text-align:center;
    color:white;
    text-decoration: none;
    font-size:13px;
}
Habe echt keine Ahnung, wieso :/

Avire

/e: Ich glaube es liegt an den div's, welche aut. einen abstand machen. Kann man den auch deaktivieren? :/
 
Zuletzt bearbeitet:

S

serverhombre

Guest

AW: Seltsamer Abstand!

Hallo ich hoffe jetzt das ich es richtig verstanden habe die Navigation soll also links genau mit dem banner abschließen?

dann gib der #top-navigation ein padding:0; oder gleich ein ul {padding:0;}
 
S

serverhombre

Guest

AW: Seltsamer Abstand!

so hab mal die Seite von deinem Link gespeichert:

und der #top-navigation { margin:0; padding:0;} gegeben.

Ergebnis:


die Navigation ist nun genau am Header. Sollte ich dich falsch verstanden haben und das nicht das gewünschte ergebnis sein sorry. :rolleyes:
 
Zuletzt bearbeitet von einem Moderator:
A

axru

Guest

AW: Seltsamer Abstand!

kann das sein das das im ie so ist oder ist das in firefox auch so
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben