Benutzerdefinierte Suche

CSS - Text in Box vertikal und horizontal zentrieren?

  1. Knut676

    Knut676 Thread Starter

    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!
     
    Knut676, 18.02.2006
  2. lindic

    lindicMacUser Mitglied

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

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

    joachim14MacUser Mitglied

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

    maceisMacUser Mitglied

    Mitglied seit:
    24.09.2003
    Beiträge:
    16.696
    Zustimmungen:
    602
    Eine Liste zentriert doch nicht :confused:
     
    maceis, 21.02.2006
  5. Markus!

    Markus!MacUser Mitglied

    Mitglied seit:
    28.04.2005
    Beiträge:
    6.652
    Zustimmungen:
    281
    Wenn man width angibt sollte sie auch zentrieren.
     
    Markus!, 21.02.2006
  6. Markus!

    Markus!MacUser Mitglied

    Mitglied seit:
    28.04.2005
    Beiträge:
    6.652
    Zustimmungen:
    281
    Markus!, 21.02.2006
  7. m0mo

    m0moMacUser Mitglied

    Mitglied seit:
    26.03.2005
    Beiträge:
    476
    Zustimmungen:
    2
    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 :)
     
    m0mo, 21.02.2006
Die Seite wird geladen...