• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

<ul>-List und list-style-position:inside;

Status
Für weitere Antworten geschlossen.
N

nieselfriem

Mitglied
Kann ich ein <ul>-Tag auch mit list-style-position:inside formatieren. Wenn ja warum funst das bei meinem script nicht
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>
   Menue
  </title>
  <link rel="stylesheet" type="text/css" href="css/format.css"/>
 </head>
 <body>
 <div class="menu">
  <ul class="men">
   [*]
    Grundlagen
     <ul class="men">
      [*]
       Halbleiter allgemein
        <ul class="men"> 
         [*]Halbleitermaterialien
         [*]Dotieren
         [*]np-&Uuml;bergang
         [*]Sperrichtung
         [*]Durchlassrichtung 
        [/list]
      
      [*]
       Leiter
        <ul class="men">
         [*]Kupfer
         [*]Eisen
         [*]Gold
         [*]Aluminium
         [*]Wolfram  
       [/list] 
       
      [*]
       Leiter
        <ul class="men">
         [*]Plastik
         [*]Papier
         [*]Gummi
         [*]Keramik
       [/list] 
       
    [/list]
   
   [*]
     Bauteile
      <ul class="men">
        [*]
         Dioden
         <ul class="men">
          [*]Zenerdiode
          [*]Shotkydiode
          [*]Kapazit&auml;tsdiode
         [/list]
        
        [*]
         Transistoren
         <ul class="men">
          [*]npn-Transistor
          [*]pnp-Transistor
         [/list]
        
        [*]
         Ohmsche Wider&auml;nde
         <ul class="men">
          [*]Schichtwiderstand
           <ul class="men">
            [*]Kohleschichtwiderstand
            [*]Metallschichtwiderstand
           [/list]
          
          [*]Massewiderstand
           <ul class="men">
            [*]Kohlenmassewiderstand
           [/list]
          
          [*]Drahtwiderstand
          [*]Potentiometer 
          [*]Farbcodierung	
         [/list]
        
        [*]
         Komplexe Widerst&auml;de
         <ul class="men">
          [*]Spule
          [*]Kondensator		
         [/list]
         
      [/list]
   
  [/list]
 
 </div>
 


    [url="http://validator.w3.org/check?uri=referer"][img]http://www.w3.org/Icons/valid-xhtml10[/img][/url]
  </p>
 </body>


</html>
das Css dazu

Code: 
div.menu {text-align:left; padding:3px;border:thin solid grey;margin:3px;width:310px;}
ul.men{list-style-position:inside;}

gruß niesel
 
Code: 
ul.men{list-style-position:inside;}
Keine Ahnung, ob das der Fehler ist, aber ich mache da immer ein Leerzeichen nach ul.men.

Code: 
ul.men {list-style-position:inside;}
 
es funktioniert. listen haben nur default padding-left.
nimm den ersten menüpunkt und schreibe eine zeile lang "wef wef wef" und du siehst.

k.
 
ulthing.gif


inline bewirkt, dass der text in zweiter zeile eines li's unter dem punkt beginnt, der punkt also nicht außenstehend ist. setze ul {padding:0px; margin:0px;} und du hast deine punkte alle untereinander.
deine unterlisten sind nicht wegen eines vermeintlich nicht funktionierendem inline attributs, sondern wegen dem default padding-left von ul, eingerückt.

k.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben