Anzeige

<li> wird falsch angezeigt. HILFE, bitte!

<li> wird falsch angezeigt. HILFE, bitte! | PSD-Tutorials.de

Erstellt von NicoB, 01.10.2006.

  1. NicoB

    NicoB Hat es drauf

    Dabei seit:
    22.07.2005
    Beiträge:
    3.491
    Geschlecht:
    weiblich
    <li> wird falsch angezeigt. HILFE, bitte!
    Hallo,

    nach langer Suche und langem Rumprobieren habe ich immernoch keine Lösung gefunden:
    Ich habe für eine Navigation [*] benutzt. Es soll vor jedem Link ein kleiner Pfeil angezeigt werden. :oops:
    Da das am einfachsten (wie ich dachte^^) mit [*] geht, habe ich das so gemacht:
    Code (Text):
    1.  
    2. #menu {
    3.     position: relative;
    4.     display: block;
    5.     width: 200px;
    6. }
    7. #menu li {
    8. list-style-image: url(Bilder/list.gif);
    9. padding:0px;
    10. padding-bottom: 0px;
    11. text-align:left;
    12. margin:-11px;
    13. }
    Wenn ich das ganze im FF anzeige, sieht es so aus, wie ich mir das vorgestellt habe. Beim IE wird zwar die Feldhöhe von 21px genau eingehalten (deshalb die -11px), aber der Text + Pfeil sind super weit nach oben gerutscht! :wink:

    So sieht es aus:
    [​IMG]
     
    #1      
  2. sfischer

    sfischer ###

    Dabei seit:
    04.02.2006
    Beiträge:
    3.407
    Geschlecht:
    männlich
    Ort:
    thüringen
    Software:
    . . . dies & das . .
    Kameratyp:
    . . . mit spiegel . .
    <li> wird falsch angezeigt. HILFE, bitte!
    mehr info

    hier kann ich jetzt auch nichts sehen.
    schick mal den link!

    padding-botton kannste dir sparen, da du ja schon padding definiert hast
    es kann an den margin liegen, da es ja für alle vier seiten ist
    es kann auch an deinen dokumententyp liegen
     
    #2      
  3. 10c

    10c Unscharfe Maske

    Dabei seit:
    05.10.2005
    Beiträge:
    253
    Geschlecht:
    männlich
    Ort:
    Hamburg
    Kameratyp:
    Pentax K100D
    <li> wird falsch angezeigt. HILFE, bitte!
    #3      
  4. NicoB

    NicoB Hat es drauf

    Dabei seit:
    22.07.2005
    Beiträge:
    3.491
    Geschlecht:
    weiblich
    <li> wird falsch angezeigt. HILFE, bitte!
    Hm, das ist alles ein wenig mysteriös:
    Ich mache es einfach auf die schnellere Art:
    <img> vor den Link und dann klappt alles... :roll:
     
    #4      
  5. pitTti

    pitTti Geheimagent

    Dabei seit:
    13.08.2006
    Beiträge:
    1.061
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    PsAi Cs5
    <li> wird falsch angezeigt. HILFE, bitte!
    genau solche probleme werden beim video2brain tutorial für css design behandelt ^^ da war irgendwie die rede davon, dass der iexplorer sich verrechnet oder so und man soll irgend nen browserhack verwenden...also irgend nen komischer code der das problem fixed. kA, hoffe des hilft dir vielleicht nen bissl oder du kennt jemand der das v2b video hat.
     
    #5      
  6. NicoB

    NicoB Hat es drauf

    Dabei seit:
    22.07.2005
    Beiträge:
    3.491
    Geschlecht:
    weiblich
    <li> wird falsch angezeigt. HILFE, bitte!
    ich kenne leider keinen, aber ich halte die Augen offen ;-)
     
    #6      
  7. sfischer

    sfischer ###

    Dabei seit:
    04.02.2006
    Beiträge:
    3.407
    Geschlecht:
    männlich
    Ort:
    thüringen
    Software:
    . . . dies & das . .
    Kameratyp:
    . . . mit spiegel . .
    <li> wird falsch angezeigt. HILFE, bitte!
    Re: mehr info

    Hallo!!!
    bring doch mal den link oder den gesamten code (css und html), dann kann ich dir bestimmt helfen.
    du kannst natürlich auch den rückschritt mit den bilder vor den link machen
     
    #7      
  8. blu

    blu AntiheldIn

    Dabei seit:
    08.05.2006
    Beiträge:
    58
    Geschlecht:
    weiblich
    <li> wird falsch angezeigt. HILFE, bitte!
    Der rutscht ja nach oben, also probiere mal folgendes:
    Code (Text):
    1. #menu li {
    2. ...
    3. *padding-top: 3px;
    4. ..
    5. }
    Also samt Sternchen [mit diesem wird nur der IE für diesen Wert angesprochen]. Musst mal gucken wieviel Pixel das sind.
    (Punkte stellen deine anderen Werte dar.)


    Eine andere Möglichkeit wäre es das mit
    Code (Text):
    1. vertical-align: middle;
    zu probieren..
     
    #8      
Seobility SEO Tool
x
×
×