Abstände entfernen

von **turbopimp** » 03.11.2010, 04:10

Hallo,

Wie kann ich die Navigation in einer machen ? Sprich ohne die Abstände ???

Bild

Code: Alles auswählen: #navi td { -moz-border-radius: 5px; font-size: 12px; color: #5f5f5f; height: 30px; width: 550px; margin-top: -25px; margin:0; background-image: url('img/navi.png'); /* Navigation Hintergrund */ }

ich danke für eure hilfe

von **Azra** » 03.11.2010, 08:40

Wie sieht das Bild "navi.png" aus?
Hast du Cellpadding und Cellspacing im table auf 0 gesetzt?

von **turbopimp** » 03.11.2010, 11:59

das navi.png sieht halt durch gehend orange aus ohne diese abstände

von **Azra** » 03.11.2010, 12:39

Und was ist denn nun mit Cellpadding und Cellspacing?
Ist das in allen Browsern so? - der IE lässt die Ecken ja wie sie sind.
Wenn das Bild durchgehend die selbe Farbe aufweist kann auch eine Hintergrundfarbe anstelle des Bildes verwendet werden.

Im Allgemeinen sind Navigationspunkte in Listen anzulegen, das vereinfacht vieles.
Table-Layouts sind in jedem Fall zu vermeiden da sie nicht barrierefrei und sehr unflexibel sind.

von **turbopimp** » 03.11.2010, 12:58

es ist bei allen browsern so!

Und das hintergrund ist nur ein test ich werde ja eine richtige navi in der masse basteln ..vorher wollt ich wissen wie ich es halt mache ohne diese abstände.. und cellpadding & cellspacing sind auf 0 gesetzt dennoch zeigt er es mir an

von **Azra** » 03.11.2010, 13:19

Ich habe eine Tabelle erstellt und deinen CSS Code mit der Websicheren Hintergrundfarbe "orange" verwendet - und habe keine Zwischenräume.
Das heißt die Zellen nehmen sich irgendwo ein margin oder padding her, oder sogar ein border.
Ohne eine Live-Ansicht oder den gesamten Quelltext ist es also unmöglich etwas herauszufinden.

Mein Quelltext:

Code: Alles auswählen: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> #navi td{-moz-border-radius:5px;font-size:12px;color:#5f5f5f;height:30px;width:550px;margin:-25px 0 0;background:orange;} </style> </head> <body> <table id="navi" cellpadding="0" cellspacing="0"> <tr> <td>bla</td><td>bla</td><td>bla</td> </tr> </table> </body> </html>

von **turbopimp** » 03.11.2010, 13:24

habs geschafft mit dem befehl -> display: inline-block;

von **Azra** » 03.11.2010, 13:30

Ah, super

Was für ein Doctype verwendest du?

Abstände entfernen

Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Re: Abstände entfernen

Ähnliche Beiträge zu "Abstände entfernen"

Wer ist online?