1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

List Problem (XHTML/CSS)

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von cenk, 18.05.08.

  1. cenk

    cenk Alkmene

    Dabei seit:
    31.12.06
    Beiträge:
    35
    Hi,

    Ich hab' ein problem mit meiner List. Als Bullet hab' ich eine eigene Grafik eingesetzt, und ich möchte diese weiter unten anbringen.

    Momentan sieht es so aus:

    [​IMG]


    Ich hätte es aber gerne so:

    [​IMG]


    Der Code dazu ist:


    Code:
    
    <ul id="navlist">
    <li>Test</li>
    </ul>
    

    Code:
    #navlist { 
    list-style-position: inside; 
    color: white; 
    list-style-type: none; 
    list-style-image: url(images/haken2.png);  
    float: left; margin-left: 25px;}
    

    Weiß einer von euch, wie ich das erreichen kann? Ich bin um jeden Tipp dankbar!

    Grüße,
    Cenk
     
  2. ZIG-ZAG

    ZIG-ZAG Finkenwerder Herbstprinz

    Dabei seit:
    10.10.07
    Beiträge:
    466
    Könntest es mal mit line-height probieren. Obwohl, ich glaube nicht das es funktioniert. Das Einfachste wäre wohl die Grafik anzupassen, oder?
     
  3. cenk

    cenk Alkmene

    Dabei seit:
    31.12.06
    Beiträge:
    35
    Hi,

    Ne, line-height isses nicht.

    Wenn ich die Grafik nach oben vergrößere:
    [​IMG]

    Wenn ich sie nach unten vergrößere:

    [​IMG]
     
  4. crossinger

    crossinger Doppelter Melonenapfel

    Dabei seit:
    30.07.06
    Beiträge:
    3.369
    spontan fiel mir sowas ein:

    Code:
    vertical-align:middle
    o.ä.

    Aber das wird vermutlich alle Elemente (also auch die Grafik) betreffen. o_O

    *J*
     
  5. cenk

    cenk Alkmene

    Dabei seit:
    31.12.06
    Beiträge:
    35
    Hat sich erledigt, hab' das jetzt so gelöst:

    Code:
    #navlist{
    				
    					margin-left: 0;
    					padding-left: 20px;               
    					line-height: 39px;
    					list-style: none;
    					float: left;
    					color: white; 
    }
    		
    		
    	
    					
    #navlist li {
    					
    					padding-left: 45px;
    					background-image: url(images/haken.png);
    					background-repeat: no-repeat;
    				
    }
    
    Trotzdem Danke :D
     
  6. dahui

    dahui Carmeliter-Renette

    Dabei seit:
    22.10.06
    Beiträge:
    3.303
    das zauberwort wäre background-position gewesen ;) damit kannst du deinen haken genau dahin setzen wo du willst, auch ohne line-height
     

Diese Seite empfehlen