Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


CSS - erledigt!

 
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Deifi.hes
Newcomer
Newcomer


Angemeldet: 05.09.2006
Beiträge: 8


BeitragVerfasst am: 06.03.2008, 17:48    Titel: CSS - erledigt! Antworten mit Zitat
Nabend allerseits ich hab mal ne frage, also ich mach grad ein css menü und hab einfach kein plan warum das <ul> bzw das <li> tag nicht das tut was ich will Sehr glücklich

HTML
Code:
<link rel="stylesheet" type="text/css" href="csspage2gen.css" />

<ul id='menu'>
   
   <li ><a class='current' href='http://asd.php' >Home</a></li>
      
      <ul>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
      </ul>
      
   <li ><a href='http://asd.php'  >coming</a></li>
      
      <ul>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
      </ul>
      
   <li ><a href='http://asd.php'  >Queen</a></li>
      
      <ul>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
         <li>Testeshalber</li>
      </ul>
      
</ul>


CSS
Code:
/* CSS Document */

ul#menu
   {
      width: 100%;
      height: 43px;
      background: #FFF url("images/menu-bg.gif") top left repeat-x;
      font-size: 0.8em;
      font-family: "Lucida Grande", Verdana, sans-serif;
      font-weight: bold;
      list-style-type: none;
      margin: 0;
      padding: 0;
   }
ul#menu li
   {
      display: block;
      float: left;
      margin: 0 0 0 5px;
   }
ul#menu li a
   {
      height: 43px;
      color: #777;
      text-decoration: none;
      display: block;
      float: left;
      line-height: 200%;
      padding: 8px 15px 0;
   }
ul#menu li a:hover
   {
      color: #333;
   }
ul#menu li a.current
   {
      color: #FFF;
      background: #FFF url("images/current-bg.gif") top left repeat-x;
      padding: 5px 15px 0;
   }
ul#menu li ul li
   {
      color:#FF0000;
   }



warum wird <li> Testeshalber </li> nicht rot dargestellt?
danke für jede antwort und hilfe


Zuletzt bearbeitet von Deifi.hes am 06.03.2008, 23:17, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
ShortY
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer

BeitragVerfasst am: 06.03.2008, 18:04    Titel: Antworten mit Zitat
âls allererstes mal darf in einem ul nicht noch ein ul stehen... du müsstest die innere Liste in ein Listenelement - also li - der obersten Liste packen.

bei so problemen hilft enorm der w3c validator... der hätte des direkt angemeckert.
Das sollte auch Dein Problem beheben...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beiträge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 06.03.2008, 21:20    Titel: Antworten mit Zitat
Hehe im Grunde habt ihr beide recht Mr. Green

Shorty, es stimmt, laut W3C Spezifikation müsste er eigentlich das ul nochmal in ein li schreiben, das sähe dann so aus:

Code:
<ul id='menu'>
   
   <li><a class='current' href='http://asd.php' >Home</a></li>
     
   <li> 
       <ul>
         <li>Testeshalber</li>
        <li>Testeshalber</li>
        <li>Testeshalber</li>
      </ul>
   </li>   
     
</ul>


So funktioniert dann aber auch der CSS Code den Deifi.hes bereits von Anfang an drin hatte. Dort wird nämlich ul#menu li ul li selektiert, vorhanden war bisher aber nur ul#menu ul li

Du musst also deinen HTML Code ändern wie ichs geschrieben habe (und am besten den Threadtitel gleich mit Winken )
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
Deifi.hes
Newcomer
Newcomer


Angemeldet: 05.09.2006
Beiträge: 8


BeitragVerfasst am: 06.03.2008, 23:16    Titel: Antworten mit Zitat
omg Sehr glücklich da merkt man das ich noch einiges zu lernen hab was css angeht Smilie danke für die hilfe
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
ShortY
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer

BeitragVerfasst am: 07.03.2008, 09:01    Titel: Antworten mit Zitat
hm delite, ich versteh jetzt nich direkt den Unterschied zwischen Deinem und meinem Ansatz... so, wie ich das sehe, has Du ja auch einfach nur ein li um des innere ul gemacht und am css code nix geändert... selbiges hab ich doch auch gesagt.

sieh mir bitte nach, wenn ich was banales übersehn hab, is noch früh am Morgen Winken
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Impi
Mitglied
Mitglied


Angemeldet: 06.05.2006
Beiträge: 530


BeitragVerfasst am: 07.03.2008, 15:59    Titel: Antworten mit Zitat
Deifi.hes hat folgendes geschrieben:
omg Sehr glücklich da merkt man das ich noch einiges zu lernen hab was css angeht Smilie danke für die hilfe


Hat eher was mit grundlegenden HTML Kenntnissen zu tuen ...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beiträge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 08.03.2008, 04:07    Titel: Antworten mit Zitat
@ shorty
ich hab doch geschrieben ihr habt eigentlich beide Recht. Einen eigenen Vorschlag hab ich gar nicht präsentiert Winken
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
ShortY
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer

BeitragVerfasst am: 08.03.2008, 15:27    Titel: Antworten mit Zitat
oki =) war mir alles am frühen Morgen zuviel auf einmal Winken
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beiträge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 08.03.2008, 19:14    Titel: Antworten mit Zitat
Pah, und ich soll dir dann um 4 Uhr in der Nacht drauf antworten Mr. Green
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 11.05.2019, 17:49    Titel: Antworten mit Zitat
друг301.4CHAPReprSubdDaviIrwiCameLoyaВоинвиноМахлСодеTescDolcтерм1794автоMineStef
МСКуПопоDeko72945083ЛебеChriGeraКазерепрCyprVocoИÑÑ‚Ñ€MegaУрбаДукакиноXVIIMoniHenr
MiguÑпирRoseAspaMorbArthникоRasiNighSisiLuitVictCandXVIIУварБатшБагиLouiСодеArte
PhotElegUnreГореKenjVisiGiniOmsaPushÑертPhilPaliплаÑBirtGlobунивZoneVentELEGZone
MiyoWeniРабиФранКрукStefземлDecoWillКроп2110МатвЕмцеRondСпивPeteGeorZoneZoneZone
ZoneчиÑтавтоZoneZoneZoneZoneменÑdiamZoneÐлекфакузакаZonediamZoneFlexкомпPCIeDAXX
KronndasBoscYorkКитаMistJardPostWennETCSGuitÑтакSQuiDrivПроиГВПлпролtracBettÑзык
мозамелоLegeBabyBridWindWindTefaÑзыкViteoupeÑертTrioЛитРБобыLoveГуанPrinZeitTown
ЛитРЛитРЛитРИллювыпуоднаСтекГригOZONXVIIгражEdwaBrunJeweJeweWhitDrop(ВедКопоSpec
GiacJeanГригвещезабоБешкавтоареÑMeteСодеСветCaroДрахEnglавтоWilhJohnредаКондМака
ФормeverAdobБильSiemPCIePCIePCIeWritКрюктворBuilIstaСивоЭлеоÐрхеBryaScotÑлучЛари
ИванÐаде
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 22.07.2019, 20:26    Titel: Antworten mit Zitat
Mitt550.1говоPERFLouiDiciSideÑовечелоТворSideШраг2535ÐртигороOrieBlacTescMikeнапи
КарÑJohnStylAmalJameКетлБалаCredÑертKnolCharПоÑтобÑлгубеSeptLiliBGLKGoneGeraAust
РожаBertHenrоднаКурьAccaTeanГараSpidФормТолÑРокоTheoкармколеТереmattSelaпрофЛапт
dgarКороÑлужGustPelhErneПаноиÑтоRozhFashÑклаGeorЛукоContтрилHughRogeЗылеFutuТаур
MornResiкараЕмцеRobeЧернВСлКерцXVIIКолоMySiВелиЧетвПаноLapiNaso2800ÐекрЖан-Fran
БалдтренRandRogeRankOlivСоÑÑ‚WindRaymкреÑКучеBettBlurPatrMarkXboxхороЯкушмеÑÑкорн
бежеBoscРоÑÑCompWilhхудоcellcellМаркÐртиупакWoodCALSARAGржаврель[МедtracPersAlas
BeadÑоздÐовиШри-игруWindWindAdobRevoDeLohappBlacAdvaБрагЛитРЛитРЛитРМÑÑнКруиÐуди
КолыDaylLoonStepAlexПушкÑемиFRONÑтихEtieМаркДельФедьСмирSimoТарудеÑÑГречИльиRags
текÑPrelWorlhardÐовиRobeПроÑаÑпиавтоавтоÑобаИгназакоÐлекБельAesoФормКлемЩекиИÑпо
ТемезнанБезкУшенТеремеÑÑмеÑÑмеÑÑИндиФормTalkThisСахаШориинфоTeacиздаMODUКрÑжChri
БетеClau
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 05.09.2019, 02:11    Titel: Antworten mit Zitat
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинйоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 05.02.2020, 11:50    Titel: Antworten mit Zitat
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайт
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB