[css:design] text-left und text right in einem Container?

  1. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    Hey Leute,

    ich hab eine Frage.
    Ich will ein Menü,dass sich in einem Container befindet namens "Menü". Hierdrin möchte ich, dass 4 Elemente des Menüs rechts und 1 Element rechts ist. Die 4 für rechts habe ich mit "text-align:right;" rechts angeordnet. Wenn ich jetzt aber den ganz linken button den ich links anbinden will über "text-align:left;" nach links katapultieren will (gebe jedem button einen eigenen .tag) verschwinden die 4 Buttons rechts in der nächsten Zeile. Geht sowas überhaupt? 2 verschiedene text-aligns in einem Container? Gibt es Alternativen? Außer links daneben eine neue Zelle aufzumachen.

    Machts gut

    Julius
     
    _julius, 17.03.2006
  2. xlqr

    xlqrMacUser Mitglied

    Mitglied seit:
    08.09.2003
    Beiträge:
    1.942
    Zustimmungen:
    15
    xlqr, 17.03.2006
  3. m-schmidt

    m-schmidtMacUser Mitglied

    Mitglied seit:
    18.01.2006
    Beiträge:
    364
    Zustimmungen:
    1
    hmm, also ich wird mal sagen du musst in dienem Containter 2 neue Untercontainer aufnehmen, über die du dann die Ausrichtung regelst. Anders kann ich mir das jetzt nicht vorstellen ...

    EDIT: @xlqr: Ja, so meinte ich das auch. Da warst du schneller ;)
     
    m-schmidt, 17.03.2006
  4. msslovi0

    msslovi0MacUser Mitglied

    Mitglied seit:
    20.03.2005
    Beiträge:
    2.714
    Zustimmungen:
    115
    :confused: Aber nicht wegen des Fippthelers. Wie soll das denn aussehen? So?
    HTML:
    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
      }
      
      ul {
        width: 200px;  
        list-style: none;
      }
      
      li {
        border: 1px solid red;
        text-align: right;
      }
      
      .textLeft {
        text-align: left;
      }
    </style>
    
    <ul>
      <li class="textLeft">Men&uuml;punkt 1</li>
      <li>Men&uuml;punkt 2</li>
      <li>Men&uuml;punkt 3</li>
      <li>Men&uuml;punkt 4</li>
      <li>Men&uuml;punkt 5</li>  
    </ul>
    
    Tut das Not? Oder blähst du nur den Quelltext auf?

    Gib mal Code. Irgendwie will mir das mit dem einen Container in Zusammenhang mit einem Menü (=Kombination aus ul/li-Tags) nicht so recht klar werden...

    Matt
     
    msslovi0, 17.03.2006
  5. msslovi0

    msslovi0MacUser Mitglied

    Mitglied seit:
    20.03.2005
    Beiträge:
    2.714
    Zustimmungen:
    115
    Ich habs heut offensichtlich nicht so ganz mit dem Durchblick. Das floatet doch per se, da span kein Blocklevelelement ist. Mit dem rechts ausrichten wird es daher auch schwierig, außer man bügelt per css wieder ein 'display: block' drüber.

    Und wie ein Menü sieht das auch nicht aus, tendiert eher Richtung undefinierbares Etwas.

    Matt
     
    msslovi0, 17.03.2006
  6. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    danke hat geklappt.

    womit ich bei der nächsten frage wäre folgende. meine seite wird jetzt im firefox genau richtig angezeigt nur leider im IE nicht. ich kann es mir ungefähr denken weil firefox sehr großzügig ist was das vergessen von diversen tags angeht und manche dinge "einfach durchgehen lässt".

    problem: die eben besprochene menüleiste wird in firefox korrekt dargestellt dennoch in IE zeigt er unter dieser leiste (innerhalb der zelle noch) 3 pixel freie zeilen an.

    warum?
     
    _julius, 17.03.2006
  7. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    hier die seite angehängt
     

    Anhänge:

    • Dateigröße:
      50,5 KB
      Aufrufe:
      11
    _julius, 17.03.2006
  8. moses_78

    moses_78MacUser Mitglied

    Mitglied seit:
    08.04.2005
    Beiträge:
    1.264
    Zustimmungen:
    22
    Stichwort "3px float-bug". Siehe http://www.positioniseverything.net/explorer/threepxtest.html
     
    moses_78, 17.03.2006
  9. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    und jetzt auf deutsch? ich scheine es nicht ganz zu verstehen... :(
     
    _julius, 17.03.2006
  10. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    so ich hab anhand dessen versucht dran herumzufummeln aber es tut sich leider nichts! wieso zum teufel macht der das? ich habe ihm doch eine absolute höhe von 19px gegeben! IE STINKT!
     
    _julius, 20.03.2006
Die Seite wird geladen...
Ähnliche Themen - [css design] text
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    313
  2. Oliver23
    Antworten:
    16
    Aufrufe:
    1.743
    Oliver23
    27.01.2015
  3. DerOberst
    Antworten:
    16
    Aufrufe:
    3.044
    DerOberst
    08.04.2012
  4. colt81
    Antworten:
    6
    Aufrufe:
    695
  5. AxlF
    Antworten:
    7
    Aufrufe:
    541