CSS - Text in Box vertikal und horizontal zentrieren?

Dieses Thema im Forum "Web Page Design" wurde erstellt von Knut676, 18.02.2006.

  1. Knut676

    Knut676 Thread Starter Gast

    Hallo Volk,

    also ich stehe seit ein paar Tagen etwas auf dem Schlauch.

    Ich habe auf einem Hp Entwurf mehrere Ebenen (so rechteckige Teile), in die soll jeweils nur ein Wort (ein Link). So ich will diesesn text jetzt aber wirklich vertikal und horizontal zentriert haben???

    text-align: center; funzt, aber wie kriege ich das ganze auch in der vertikalen Ebene hin??

    Danke schonmal und schönes WE noch!
     
  2. lindic

    lindic MacUser Mitglied

    Beiträge:
    197
    Zustimmungen:
    5
    MacUser seit:
    20.11.2004
    Mit "vertical-align:middle" sollte es klappen.

    Weitere Infos dazu wie immer unter SelfHTML :)
     
  3. joachim14

    joachim14 MacUser Mitglied

    Beiträge:
    7.295
    Zustimmungen:
    433
    MacUser seit:
    08.02.2005
    Du könntest auch die einzelnen Links als Liste untereinander reihen
     
  4. maceis

    maceis MacUser Mitglied

    Beiträge:
    16.645
    Zustimmungen:
    596
    MacUser seit:
    24.09.2003
    Eine Liste zentriert doch nicht :confused:
     
  5. Markus!

    Markus! MacUser Mitglied

    Beiträge:
    6.627
    Zustimmungen:
    281
    MacUser seit:
    28.04.2005
    Wenn man width angibt sollte sie auch zentrieren.
     
  6. Markus!

    Markus! MacUser Mitglied

    Beiträge:
    6.627
    Zustimmungen:
    281
    MacUser seit:
    28.04.2005
  7. m0mo

    m0mo MacUser Mitglied

    Beiträge:
    479
    Zustimmungen:
    2
    MacUser seit:
    26.03.2005
    naja, es geht jetzt wohl eher um die logische Auszeichnung.

    Wenn die Boxen untereinander sind und es eine Art Menu sein soll, kann man schon Listen nehmen, beliebig gross und mit allen Formatierungen kann man sie ja machen. Dann wuerde man fuer den Listenpunkt nur noch text-align:center (bei angegebener Breite) und (oder) padding: auto; machen.

    Dann muesste der inhalt perfekt mittig ausgerichtet werden. :)

    mfg
    m0mo

    ps: du kannst ja mal eine liste definieren und unterschiedlich lange Textzeilen in jede Zeile schreiben und dann background-color: angeben. Die liste wird perfekt um den inhalt liegen.

    mit width, height und padding macht man dann rechteckige boxen raus. Geht aber nur bei display:block; (serienmaessig bei listen, da blockelement), bei display:inline gehts nur mit einem kleinen "Hack".

    Gibts hier im Forum, hab ich naemlich letztens nach gefragt :D

    edit: ja, die jendryschik Einfuehrung ist wirklich genial. Da lernt man es gleich richtig :)
     
Die Seite wird geladen...

Diese Seite empfehlen