Datenschutzerklärung
FAQ
::
Mitgliederliste
::
MGi Team
Willkommen auf dem Portal für Mediengestalter
Zur Registrierung
Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:12
Benutzername:
Passwort:
Auto-Login
Thema:
Hilfe bei Listenelement HTML
vom
29.03.2009
MGi Foren-Übersicht
->
Programmierung
->
Hilfe bei Listenelement HTML
Autor
Nachricht
Benutzer 86144
Account gelöscht
Threadersteller
Ort
: -
Verfasst
So 29.03.2009 21:13
Titel
Hilfe bei Listenelement HTML
Hi, ich habe ein kleines Problem mit meinen Listenelementen unter IE.
Im Firefox wird alles richtig angezeigt aber unter IE kommen auf einmal Umbrüche.
Hier mein Html Quelltext:
Code:
<!-- header start -->
<div id="header">
<h1>Community</h1>
<ul>
<li><a href="#">impressum</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">tour</a></li>
<li><a href="einladen.html">einladen</a></li>
<li><a href="index.html">home</a></li>
</ul>
<!-- header end -->
</div>
Und hier meine CSS:
Code:
div#header {
float: left;
width: 698px;
border: 1px solid #7FA9BD;
background-color: #9CC7D9;
height: 28px;
margin-bottom: 15px;
}
div#header ul {
padding: 0px;
margin: 0px;
}
div#header ul li {
list-style: none;
}
div#header ul li a {
display: block;
float: right;
height: 21px;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
border-left: 1px dotted #7FA9BD;
}
div#header ul li a:hover {
display: block;
background-color: #C0DCE7;
}
Was habe ich hier falsch gemacht?
Freundliche Grüße
Smooth-Graphics
Dabei seit
: 22.05.2006
Ort
: -
Alter
: -
Geschlecht
:
Verfasst
Mo 30.03.2009 06:00
Titel
Du floatest ja nicht die li Elemente, sondern lediglich die a Tags in den li Elementen.
Anzeige
Anzeige
Gunah
Dabei seit
: 29.03.2009
Ort
: -
Alter
: -
Geschlecht
: -
Verfasst
Mi 01.04.2009 22:01
Titel
Smooth-Graphics hat geschrieben:
Du floatest ja nicht die li Elemente, sondern lediglich die a Tags in den li Elementen.
jop der a Tag und der LI Tag muss gefloatet werden, sowie der LI Tag ambesten auch zum Block gemacht werden sollte...
Benutzer 79527
Account gelöscht
Threadersteller
Ort
: -
Verfasst
Mo 06.04.2009 16:27
Titel
Wenn du die Liste auf einer Zeile haben willst, wieso verwendest du dann "display: block;"?
So geht's:
Code:
<div id="header">
<h1>Community</h1>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="einladen.html">einladen</a></li>
<li><a href="#">tour</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">impressum</a></li>
</ul>
<!-- header end -->
</div>
Code:
div#header {
float: left;
width: 698px;
border: 1px solid #7FA9BD;
background-color: #9CC7D9;
height: 28px;
margin-bottom: 15px;
}
div#header ul {
float: right;
padding: 0px;
margin: 0px;
}
div#header ul li {
list-style: none;
display: inline;
}
div#header ul li a {
height: 21px;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
border-left: 1px dotted #7FA9BD;
}
div#header ul li a:hover {
background-color: #C0DCE7;
}
Zuletzt bearbeitet von am Mo 06.04.2009 16:28, insgesamt 1-mal bearbeitet
Ähnliche Themen
[CSS] Überlappen von Listenelement
HTML/CSS Problem mit <html><body> komischer Abstand unten
Anzeige in HTML aber ohne html ;-)
Externe HTML in HTML einbinden
html xml
html css what ever
MGi Foren-Übersicht
->
Programmierung
Du
kannst keine
Beiträge in dieses Forum schreiben.
Du
kannst
auf Beiträge in diesem Forum
nicht
antworten.
Du
kannst
an Umfragen in diesem Forum
nicht
mitmachen.
Mediengestalter.info ist ein Projekt von
Webformatik
::
Forensoftware:
phpBB