padding top verschiebt layout

[Nicky Lee]

hallo leute,

ich habe einer tabelle wie folgt einen hintergrund definiert und in der mitte soll dann ein text stehen:

.Index a:link {
   display: block;
   text-align: center;
   width:180px;
   height:120px;
   background: url(img/hg.jpg);
   background-repeat: no-repeat;
}

den text bekomme ich so nur horizontal zentriert und wenn ich dann ein padding top definiere, dann verschiebt sich alles nach unten, sodass man layout zerstört wird. wie kann ich denn den text mittig in diesen bereich bekommen, ohne das alles sich nach unten verschiebt?

lg
nicky

[suit]

tabelle [...] layout zerstört [...]

hört sich nach defect by design an

aufgrund deiner fehlerbeschreibung lässt sich jedenfalls nichts erkennen, dein css-schnipsel ist nach css 2.1 valide

[tinu]

hi

den text bekomme ich so nur horizontal zentriert und wenn ich dann ein padding top definiere, dann verschiebt sich alles nach unten, sodass man layout zerstört wird.

Naja logisch. Das Padding wird zur Höhe addiert. Wenn Du bei einer Div mit height 120px noch ein top padding von 20px definierst, ist dein Div nachher also 140px. Guckst Du hier: http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=box-modell

wie kann ich denn den text mittig in diesen bereich bekommen, ohne das alles sich nach unten verschiebt?

Da gibts mehrere Möglichkeiten. Zum Beispiel so:
http://www.wssexpert.de/Style/Examples/007/center.html#vertical

grütze
tinu

[Nicky]

hallo und danke schonmal..

»»Naja logisch. Das Padding wird zur Höhe addiert. Wenn Du bei einer Div mit height 120px noch ein top padding von 20px definierst, ist dein Div nachher also 140px. Guckst Du hier: http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=box-modell

deshalb hatte ich es auch schon mit einem negativwert für padding bottom probiert, aber hat auch nichts gebracht..

Da gibts mehrere Möglichkeiten. Zum Beispiel so:
http://www.wssexpert.de/Style/Examples/007/center.html#vertical

mit vertical align hatte ich es auch schon probiert, blieb aber effektlos, wenn ich das ganze wie auf obiger seite mache, dann verschwindet aber der hintergrund und das horizontal zentrierte gleich mit ???

[Gunnar Bittersmann]

@@Nicky:

deshalb hatte ich es auch schon mit einem negativwert für padding bottom probiert, aber hat auch nichts gebracht..

Kann auch nichts bringen. „Anders als die Randeigenschaften können die Werte für die Polsterung nicht negativ sein.“ [CSS2 §8.4]

mit vertical align hatte ich es auch schon probiert, blieb aber effektlos, […]

… wenn du versuchst, dies auf ein Nicht-'table-cell'-Element anzuwenden. [CSS2 §10.8.1]

wenn ich das ganze wie auf obiger seite mache

Die da wäre?

Live long and prosper,
Gunnar

[Nicky]

… wenn du versuchst, dies auf ein Nicht-'table-cell'-Element anzuwenden. [CSS2 §10.8.1]

wenn ich das ganze wie auf obiger seite mache

Die da wäre?

hallo gunnar und ein danke..

ich hatte ja von deinen vorposter diesen link bekommen, die seite meinte ich:
http://www.wssexpert.de/Style/Examples/007/center.html#vertical

genau das mit dem table cell, ich habe ja bei mir das ganze als block.. aber wenn ich das ganze jetzt hier als tabel cell definiere, dann ist der hintergrund und das horizontal zentrierte wieder weg..