• 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
 
Werbung:
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.
 
Werbung:
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