mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 23:44 Benutzername: Passwort: Auto-Login

Thema: ul übernimmt Definitionen des li-Elementes vom 09.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ul übernimmt Definitionen des li-Elementes
Autor Nachricht
H-Milch
Threadersteller

Dabei seit: 09.06.2008
Ort: Pusemuckel
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 09.09.2009 14:30
Titel

ul übernimmt Definitionen des li-Elementes

Antworten mit Zitat Zum Seitenanfang

Moin moin,

ich hab ein kleines Problem...

Meine ul elemente übernehmen im IE die Definitionen die ich für ul angegeben habe.

Code:
li {
   list-style: none;
   color: #000;
   margin-left: 10px;
   padding: 3px;
}

ul {
   width: 150px;
   margin-left: 20px;
   padding: 5px;
}


Code:
<li style="background-color:#FFCC00"><a href="{@PATH}News.html" title="Startseite">Startseite</a></li>
   <li style="background-color:#FFCC00"><a href="{@PATH}Ueber-uns.html" title="Über uns">Über uns</a></li>
    <ul><a href="{@PATH}Galerie.html" title="Bildergalerie">Bildergalerie</a></ul>
   <ul><a href="{@PATH}Die-Camps.html" title="Camps">Camps</a></ul>
    <ul><a href="{@PATH}Academy.html" title="Academy">Academy</a></ul>
   <ul><a href="{@PATH}Stars.html" title="Stars">Stars</a></ul>
   <ul><a href="{@PATH}Coaches.html" title="Coaches">Coaches</a></ul>
   <ul><a href="{@PATH}Equipment.html" title="Equipment">Equipment</a></ul>
   <ul><a href="{@PATH}Partner.html" title="Partner">Partner</a></ul>
   <ul><a href="{@PATH}Press.html" title="Press">Press</a></ul>
   <li style="background-color:#FFCC00"><a href="{@PATH}Kontakt.html" title="Kontakt">Kontakt</a></li>
    <ul><a href="{@PATH}AGB.html" title="AGB">AGB</a></ul>
   <ul><a href="{@PATH}Anmeldung.html" title="Anmeldung">Anmeldung</a></ul>
   <ul><a href="{@PATH}Impressum.html" title="Impressum">Impressum</a></ul>


Im FF sind auch wirklich nur die li Elemente unterlegt, aber im IE alles ??? Warum ???


  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 09.09.2009 14:36
Titel

Antworten mit Zitat Zum Seitenanfang

dein MarkUp ist zum Beispiel falsch

Code:
<ul>
  <li>foo</li>
  <li>foo</li>
</ul>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.09.2009 14:37
Titel

Antworten mit Zitat Zum Seitenanfang

Krasse Konstruktion, Du verwendest überwiegend ul als li - was der Browser mit so heftigen HTML-Fehlern anstellt, ist Glücksspiel *zwinker*

Edit: Siehe Vorpost *zwinker*


Zuletzt bearbeitet von heiko_rs am Mi 09.09.2009 14:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 09.09.2009 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

Und mit Unterpunkten solltest du es so umsetzen:
Code:
<ul class="blablub">
  <li> sdfsdfsdf</li>
  <li>ghfgh
    <ul>
      <li>mnnv</li>
      <li>kjlg</li>
      <li>hjkgjhk</li>
    </ul>
  </li>
  <li>hjk</li>
  <li>jhgdj </li>
</ul>


Die entsprechende CSS könnte dann so aussehen:

Code:

.blablub {
   width: 150px;
}
.blablub li {
   background-color: #FFCC00;
   list-style: none;
   color: #000;
   margin-left: 10px;
   padding: 3px;
}
.blablub li li {
   background-color: transparent;
   margin-left: 20px;
   padding: 5px;
}


Zuletzt bearbeitet von top am Mi 09.09.2009 14:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Flash] Positionierung eines Elementes beeinflussen
Wo finde ich die verflixten Myspace Css Definitionen?
Microsoft Web Expression Hilfe - Style Definitionen
CSS: Warum werden die globalen Definitionen nicht akzeptiert
Adobe Designer übernimmt PDF-Datei Fehlerhaft
Indesign - beim Kopieren übernimmt er nicht alles richtig
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.