WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Firefox width:50% » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Austin Powers
HoRnominatoR schrieb am 19.08.2005 20:04
...
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19:
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>


* {
 margin:0;
 padding:0;
}

ul li {
 width:50%;
 float:left;
}

anm: besser display:inline; als float:left; , den Vorteil sieht man wenn man den Hintergrund einfärbt.
von ketchxup
danke es geht!
weil ich einfach alles probiert habe(und sowas ist dann rausgekommen gemerkt hatte ich es schon dass es keinen sinn ergibt)aber falsch ist es auch net ?!?!
Aber irgendwie wird es von IE falsch interpretiert??!! aber sieht nicht so schlimm aus!!
danke!!!!
von HoRnominatoR
warum machst du immer wieder eine neue liste auf? das ergibt semantisch keinen sinn.

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19:
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>


* {
 margin:0;
 padding:0;
}

ul li {
 width:50%;
 float:left;
}
von ketchxup
hallo

ich habe eine menü
und möcte die links auf "width:50%" haben , da jeweils nur 2 links pro zeilen
angezeigt werden... (so stell ich es mir zumindest vor: hat auch gut geklappt...IE 6, Opera 8)
nur Firefox macht da nicht mit!?!?! ich bekomme die menüs als clear:both??!(untereinander) angezeigt.
Aber sobald ich width auf 45% setze funz alles wieder die Links sind (nebeneinander)...aber links und recht hat es noch genügend Platzt.
allgemein ist es bei Firefox alles so riesig abgebildet!?!?
Kann da jn helfen, bitte?

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42:
<div class ="pesdatenmenu">
<ul>
<li><a href="#" title="#">Tabelle </a></li>
</ul>
<ul>
<li><a href="#" title="#">Ergebnisse </a></li>
</ul>
<ul>
<li><a href="#" title="#">Die Meisten Toren </a></li>
</ul>
</div>




.pesdatenmenu {
	font-size: 12px;
	margin: 0 0 0 0;
	
			}

.pesdatenmenu ul{
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	
		
			}

.pesdatenmenu li{
	width:50%;
	font-size: 12px;
	display: inline;
	float: left;
	font-weight: bold;
	background-color: #3A5FAA;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;


Nach oben