Forum Doku Wiki Blog

Forumsarchiv 2006, Juni
li mit exakter breite

archivierte Beiträge lesen

  1. (CSS) li mit exakter breite von woodi, 28. 06. 2006, 10:14

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:14 Uhr von woodi veröffentlicht.

Hallo,
wie kann ich erreichen das ein li element:
a) genau x pixel breit und x pixel hoch ist
   ul#navigation li{ width:190px;}-geht leider nicht
b) wie kann ich erreichen, dass  mein li 25% der width von  <ul> einnimmt.
Beispiel:
<ul id="navigation">
  <li><a href="">Nav I</a></li>
  <li><a href="">Nav I</a></li>
  <li><a href="">Nav I</a></li>
  <li><a href="">Nav I</a></li>
</ul>
Vielleicht könnt ihr mir ja helfen...!

MFG woodi

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:26 Uhr von Gunnar Bittersmann veröffentlicht.

Hello out there!

> wie kann ich erreichen das ein li element:
> a) genau x pixel breit und x pixel hoch ist
>    ul#navigation li{ width:190px;}

Für die Breite: genau so.

> -geht leider nicht

Was heißt „geht nicht“? Dass die Höhe ohne fehlende Angabe nicht den gewünschten Wert hat? ;-)

> b) wie kann ich erreichen, dass  mein li 25% der width von  <ul> einnimmt.

Durch die Angabe 'width: 25%'.


Meine Glaskugel sagt noch: Du möchtest das Box-Modell [CSS2] beachten.

See ya up the road,
Gunnar
--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:34 Uhr von woodie veröffentlicht.

Hey,
*g* das ist mir schon klar ich wollte damit nur sagen das auf width:x px  nichts passiert und auch auf width 25 % nicht.
die stylesheets:
ul#navigation{
 margin:0em;
 padding:0em;
 width:100%;
}
ul#navigation li{
 list-style:none;
 display:inline;
 width:25%;
 height:60px;
 background-color:#A1C9D0;
}

MFG woodie

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:39 Uhr von Gunnar Bittersmann veröffentlicht.

Hello out there!

> ich wollte damit nur sagen das auf width:x px  nichts passiert und auch auf width 25 % nicht.

Na sowas. Du hast ja auch explizit gesagt, dass eine Breitenangabe wirkungslos sein soll.

> ul#navigation li{
> display:inline;

Hier nämlich. [CSS2 §10.2]

See ya up the road,
Gunnar
--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:48 Uhr von woodie veröffentlicht.

ok so far verstanden, aber wie erreiche dann das die li nebeneinander stehen, verwende ja nun block!!!???

MFG woodie.
Danke für deine Hilfe.

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:50 Uhr von woodie veröffentlicht.

ah danke es wird gefloatet!!!!

MFG danke für eure hilfe

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:45 Uhr von Ingo Turski veröffentlicht.

Hi,

Du solltest einen Blick in http://de.selfhtml.org/css/layouts/navigationsleisten.htm#float werfen.

freundliche Grüße
Ingo
--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)

li mit exakter breite

Der folgende Beitrag wurde am 28. 06. 2006, 10:27 Uhr von wahsaga veröffentlicht.

hi,

> wie kann ich erreichen das ein li element:
> a) genau x pixel breit und x pixel hoch ist
>    ul#navigation li{ width:190px;}-geht leider nicht

Was heißt "geht nicht"?
Dass es nicht die von dir gewünschte Höhe hat, wenn du die von dir gewünschte Höhe gar nicht angibst, sollte zumindest wenig überraschen.

> b) wie kann ich erreichen, dass  mein li 25% der width von  <ul> einnimmt.

In dem du ihm eine entsprechende Breitenangabe verpasst.

gruß,
wahsaga


--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4