mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:12 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei Listenelement HTML vom 29.03.2009


Neues Thema eröffnen   Neue Antwort erstellen 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

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Mo 30.03.2009 06:00
Titel

Antworten mit Zitat Zum Seitenanfang

Du floatest ja nicht die li Elemente, sondern lediglich die a Tags in den li Elementen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Gunah

Dabei seit: 29.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 01.04.2009 22:01
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
Benutzer 79527
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.04.2009 16:27
Titel

Antworten mit Zitat Zum Seitenanfang

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
Neues Thema eröffnen   Neue Antwort erstellen
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.