[Ceron]

Hi,

ich habe eine Tabellenzeile und habe da meinen Button als Hintergrundgrafik festgelegt. In den Button will ich jetz "Home" schreiben. Da dies nicht zu nahm am Rand stehen soll, hab ich noch padding-left:3px angegeben. Das padding sieht man, aber hinten an die Tabelle werden noch wiedre 3px angehängt. Guckts euch einfach selber mal an:

http://ceron.ce.funp...n-gfx/index.htm

[axx]

Ich habe eine andere Herangehensweise: Erst der Inhalt, dann das design drumherum, aber ich will jetzt nicht klugscheißen.
Nur so viel: eine Internetseite ist keine Druckvorlage, vergiss pixelgenaues Layout, auf 3px ist geschissen.
Der Fehler lässt sich leicht vermeiden, indem man für eine Liste ein Listenelement benutzt und es mit CSS formatiert. Desweiteren machst du es dir einfacher, wenn du dafür sorgst, dass die Browser im Standard-Mode arbeiten.
Stichworte: Doctype switching und semantisches HTML. Mach's dir nicht so schwer.

[Ceron]

Aber ohne die 3px steht der Text genau auf dem Rand und das sieht doof aus...ich brauch die 3px!
Wie schreibe ich denn das "Home" als Listenelement in den Button?
Was ist denn Doctype switching und semantisches HTML?

[flo]

@ Ceron

Ich denke eine gute Anlaufstelle ist für dich

Selfhtml


und hier ist auch nicht schlecht

xhtmlforum


Wenn du eine eigene homepage haben willst solltest du das durchlesen

[axx]

Workshop Doctype-Switch und ein schöner Artikel über semantisches HTML.

Dieser Beitrag wurde von axx bearbeitet: 02. Februar 2006 - 20:06

[Ceron]

selfhtml kenn ich schon lange...mach ich denn so viel falsch?
und wie mach ich das jetz, dass das padding reibungslos funktioniert? hab das schonmal mit einer Tabelle gemacht. Da hat es gefunzt. Hier nich...

[flo]

Was du falsch machst? Alles

-Design mit Tabellen
-Keine trennung von Inhalt & Layout
-pixelgenaue ausrichtung (ok das is geschmackssache)


Um das Problem zu beseitigen sollte es reichen das du die Breite der Tabellenspalte um 3px reduzierst.

Die Breite wird wie Folgt berechnet:

margin + padding + width = Breite

[Ceron]

Danke, jetz gehts!
Was ist denn an einem Design mit Tabellen falsch?

[flo]

Tabellen sind da zu da inhalte Tabbelarisch Darzustellen, beispiel, die Bundesligatabelle.

Aber um Elemante auf einer Webseite Darzustellen sind sie Falsch:

- mit Tabellen steigt die unüberschaubarkeit und komplexität des codes
- die Tabelle wird erst dargestellt wenn alle elemente inerhalb geladen sind, das führt zu langen Ladezeiten.

Mit css lässt sich das ganze sehr schön lösen, lies dir doch mal durch was axx gepostet hat


http://www.vorsprungdurchwebstandards.de/t...y/retro-coding/

[Ceron]

Dann werde ich wohl mal von den Tabellen wegkommen müssen. War eh immer so schwierig und unübersichtlich^^
Ich habe schon viel über CSS gelesen, aber kann mir immer noch nicht vorstellen, wie ich mein Design jetz nur mit CSS gestalten kann
Wie ordne ich die Bilder in CSS so an, wie ich sie haben will? Und was ich mich schon die ganze Zeit über frage und noch nicht wirklich herausbekommen habe ist, was hat es mit dem <div> und <span> Tag auf sich? Ich verstehe das nicht...

[axx]

Zitat (scy: 03.02.2006, 12:18)

...aber ich weis es nicht.

Du stiftest leider Verwirrung, deswegen kann ich das nicht so stehen lassen.
Firefox und IE6 im Standard-Mode interpretieren das Boxmodell gleich. IE 5.x und IE6 im Quirks-Mode interpretieren es anders als es das W3C vorsieht. Deswegen weise ich hier auch immer darauf hin, den doctype anzugeben.

Artikel über das Boxmodell
Artikel über doctypes