Probleme mit last child bei li li

[Matze]

Ich habe einen listen Eintrag

<ul>
<li>1</li>
<li>2
  <ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  </ul>
</li>
<li3></li>
</ul>

die erste sind quer über die Seite gleichmässig verteilt.

1               2              3

und unter zwei sollen sie horizontal ausgegeben werden

a
b
c

doch mein code (sieh unten) mach alle richtig, nur leider übernimmt er auch die beiden last, first child, obwohl er das nicht soll. Wie bekomme ich es dazu diese beiden einstellungen für diesen Bereich wieder auszuschalten.

  
  
li{  
float:left;  
width:33.33%;  
}  
  
  
li:first-child{  
width:31.33%;  
padding-right:2%;  
}	  
  
li:last-child{  
width:31.33%;  
padding-left:2%;  
}		  
  
li li {  
float:clear;  
width:100%;  
border-top: 1px solid #d4d4d4;  
padding:0;  
}		  
  

[ChrisB]

Hi,

doch mein code (sieh unten) mach alle richtig, nur leider übernimmt er auch die beiden last, first child, obwohl er das nicht soll.

Kannst du das mal verständlich und nachvollziehbar ausdrücken?

Wie bekomme ich es dazu diese beiden einstellungen für diesen Bereich wieder auszuschalten.

Vielleicht möchtest du spezifischere Selektoren verwenden – z.b. nur für LI auf der ersten oder nur für LI auf der zweiten Ebene …? (Nur geraten, deine Problembeschreibung ist für mich unklar.)

MfG ChrisB

[Matze]

Boah, ich habe versucht es so gut wie nur Möglich zu erklären, aber genau das ist es was du ERRATEN hast:

Vielleicht möchtest du spezifischere Selektoren verwenden – z.b. nur für LI auf der ersten oder nur für LI auf der zweiten Ebene …? (Nur geraten, deine Problembeschreibung ist für mich unklar.)

[Tabellenkalk]

Hallo,

<li3></li>

Den tag "li3" benutzt du hoffentlich nur hier im postin.

Gruß
Kalk

[Gunther]

Hallo!

Ich habe einen listen Eintrag

Ich sehe da eher eine ungeordnete Liste mit mehreren Listeneinträgen. :-P

<ul>
<li>1</li>
<li>2
  <ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  </ul>
</li>
<li3></li>
</ul>

Korrektur:

<li>3</li>  

die erste sind quer über die Seite gleichmässig verteilt.

1               2              3

quer = nebeneinander, oder auch horizontal

und unter zwei sollen sie horizontal ausgegeben werden

a
b
c

wohl eher untereinander, sprich vertikal angeordnet

doch mein code (sieh unten) mach alle richtig, nur leider übernimmt er auch die beiden last, first child, obwohl er das nicht soll. Wie bekomme ich es dazu diese beiden einstellungen für diesen Bereich wieder auszuschalten.

li{
float:left;
width:33.33%;
}

li:first-child{
width:31.33%;
padding-right:2%;
}

li:last-child{
width:31.33%;
padding-left:2%;
}

li li {
float:clear;
width:100%;
border-top: 1px solid #d4d4d4;
padding:0;
}

  
Dein Code "macht eben nicht alles richtig".  
Ein grober Fehler ist "float: clear;". Clear ist eine CSS-Eigenschaft und kein gültiger Wert für float. Was du eigentlich schreiben wolltest ist "float: none;".  
  
Ansonsten hat Gunnar dir ja schon den Hinweis auf ggf. "spezifischere" Selektoren gegeben.  
  
  
Gruß Gunther

[Gunnar Bittersmann]

@@Gunther:

nuqneH

Ich habe einen listen Eintrag

Ich sehe da eher eine ungeordnete Liste mit mehreren Listeneinträgen. :-P

Ich sehe da eher einen Wortschatz- oder Grammatikfehler. Es heißt »einen listigen Eintrag«.

Ansonsten hat Gunnar dir ja schon den Hinweis auf ggf. "spezifischere" Selektoren gegeben.

Nein. Ich plädiere auf unschuldig.

Qapla'

[Malcolm Beck´s]

હેલો

<ul>
<li>1</li>
<li>2
  <ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  </ul>
</li>
<li3></li>
</ul>

Für dein Problem ist first und last-child die falsche Lösung.

Sollte reichen, wenn du die „lis“ floatest oder „inlinest“, und die darin nicht.

બાય