[Erledigt] Vertikales <ul> Menü streikt!

tesim · 02.05.2009, 20:00

Hallo Community!

Nachdem ich mich für HTML 4.01 Entschieden habe, lese ich selfHTML und glaube komme auch ganz gut vorran! Habe alles "auswendig" gelernt und bin jetzt gerade mitten in CSS (bei Schriftformatierungen und Tabellen/Listen). Da ja bekanntlich übung den Meister macht habe ich mal versucht eine eigene Seite zu erstellen!

Nur im momment hänge ich an einem Problem, wo ich weder im Web noch im Buch eine Lösung finde

Hier mal ein Link zu meinem Problemkind

Ich möchte, wie vielleicht erkennbar ist - die 2 Navigationsbuttons nebeneinander und wenn möglich ohne lücken! - Aber egal ob inline oder inline-block... sie sind immer untereinander?

Hier die dazugehörige CSS Datei

Ich habe alles herausgenommen außer das Problem um es a,) Übersichtlicher für euch zu halten und b,) Ihr die ungestylten Links noch nicht seht

(sehen noch schlimm aus)

prestige · 02.05.2009, 20:43

Hi,

Das Problem ist etwas gemein. Es liegt nicht an deinem CSS-Code, sondern daran, dass du bei den Ankern keinen Text drinnhast --> <a href="http://blabla.de">Hier muss noch was rein!</a>. Sonst wird der gante Listenpunkt als "leer" erkannt und du siehst nix. Da nützt auch kein Style.

Also du hast 2 Möglichkeiten:

1. Du schreibst <a href="blabla.de"> </a>

2. Du schreibst <a href="blabla.de"><img src="0815.jpg"></img></a>

Ich würde dir die 2. Variante entfehlen. Dann musst du nämlich nicht immer für jeden Link einen neuen Style schreiben.

Wusstest du, dass du auch über "ul, ul.li, ul.li a, usw." auf alle Listenpunkte zugreiffen kannst? Schau sonst mal bei sehlfhtml. Dort findest du gute Beispiele:

Google --> selfhtml css navigation

Mfg

tesim · 02.05.2009, 21:01

Oh man ich verzweifle schon die ganze Zeit und dachte schon ich hab lauter Fehler drin... (war ja eig. Valide) und dann ist es nur ein Leerer Tag.

Eine Frage hätte ich noch... kann ich nicht einen Lerren XHTML Tag für a nehmen? Also..

Code:

<a href="link" />

Falls das überhaupt geht

kenne mich ja mit XHTML mal garnicht aus...

Das von SELFHtml hab ich schon gesehen mit ul li a - aber soweit ich das bei mir gesehen habe brauch ich das doch garnicht oder? Also nicht bei der Navigation

Danke aber für deinen hilfreichen Tipp! Werde das gleich ausprobieren und dann eine Rückmeldung geben!

Edit: Das mit   hat leider nichts gemacht - sind immer noch untereinander statt nebeneinander ;(

Findet keiner den Fehler in der CSS oder HTML Datei? Vielleicht bin ich schon blind und übersehe vielleicht dauernd einen... manchmal bringt es ja mehr wenn ein Fremder das nochmal ansieht. Wäre auf jedenfalls sehr dankbar für eure bemühungen!

tesim · 02.05.2009, 21:23

Problem Gelöst!

Habe einfach alles mit float: left positioniert und abosolute Breite angegeben...

ETwas umständlicher aber es klappt =)

Ich nehme meinen Link dann wieder raus. Danke aber für die Mühe und die Hilfe für das Problem mit dem Leeren Link!!

Falls jemand trozdem noch einen Tipp hat, kann er ihn jederzeit posten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
menu in einer xhtml seite	stripes	PHP Tipps 2009	31	04.01.2009 14:26
[Erledigt] Menü mit CSS und JavaScript	vollkommenegal	HTML, Usability und Barrierefreiheit	18	12.11.2008 13:50
horizontales Menü	Fritz73	Scriptbörse	9	26.05.2008 22:26
Menü das mitscrollt	mristau2k5	HTML, Usability und Barrierefreiheit	3	04.06.2006 18:50
wie gehts schöner/besser?	AliceD	HTML, Usability und Barrierefreiheit	1	06.09.2005 08:59
PHP Menü onMouseOver !!!		PHP Tipps 2005-2	6	23.08.2005 00:56
Menü aus MySQL Datenbank ausgelesen		PHP Tipps 2005	9	02.06.2005 17:11
PHP Menu mit 2 untermenus		PHP Tipps 2005	3	23.05.2005 00:04
Menü auf php-Seite		PHP Tipps 2005	20	01.02.2005 20:24
html seite aus menü in php seite einbinden??		PHP Tipps 2004-2	4	21.12.2004 18:00
über ein menü eine datenbankabfrage --> ergebnisse auflis		PHP Tipps 2004-2	1	18.11.2004 17:42
Hierarchiches Menu bauen ?		PHP-Fortgeschrittene	5	20.09.2004 15:19
[Erledigt] drop down menü werte weitergeben		PHP Tipps 2004	3	24.08.2004 15:08
[Erledigt] Wie erstelle ich ein Upload Menü mit mehreren Menüpunkten ?		PHP Tipps 2004	3	22.08.2004 14:19
[Erledigt] PopDown Menü fast fertig!!		HTML, Usability und Barrierefreiheit	3	27.07.2004 00:11

02.05.2009, 20:00
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	[Erledigt] Vertikales <ul> Menü streikt! Hallo Community! Nachdem ich mich für HTML 4.01 Entschieden habe, lese ich selfHTML und glaube komme auch ganz gut vorran! Habe alles "auswendig" gelernt und bin jetzt gerade mitten in CSS (bei Schriftformatierungen und Tabellen/Listen). Da ja bekanntlich übung den Meister macht habe ich mal versucht eine eigene Seite zu erstellen! Nur im momment hänge ich an einem Problem, wo ich weder im Web noch im Buch eine Lösung finde Hier mal ein Link zu meinem Problemkind Ich möchte, wie vielleicht erkennbar ist - die 2 Navigationsbuttons nebeneinander und wenn möglich ohne lücken! - Aber egal ob inline oder inline-block... sie sind immer untereinander? Hier die dazugehörige CSS Datei Ich habe alles herausgenommen außer das Problem um es a,) Übersichtlicher für euch zu halten und b,) Ihr die ungestylten Links noch nicht seht (sehen noch schlimm aus)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.05.2009, 20:43
prestige Benutzer Registriert seit: 11.05.2008 Beiträge: 71 PHP-Kenntnisse: Fortgeschritten	Hi, Das Problem ist etwas gemein. Es liegt nicht an deinem CSS-Code, sondern daran, dass du bei den Ankern keinen Text drinnhast --> <a href="http://blabla.de">Hier muss noch was rein!</a>. Sonst wird der gante Listenpunkt als "leer" erkannt und du siehst nix. Da nützt auch kein Style. Also du hast 2 Möglichkeiten: 1. Du schreibst <a href="blabla.de"> </a> 2. Du schreibst <a href="blabla.de"><img src="0815.jpg"></img></a> Ich würde dir die 2. Variante entfehlen. Dann musst du nämlich nicht immer für jeden Link einen neuen Style schreiben. Wusstest du, dass du auch über "ul, ul.li, ul.li a, usw." auf alle Listenpunkte zugreiffen kannst? Schau sonst mal bei sehlfhtml. Dort findest du gute Beispiele: Google --> selfhtml css navigation Mfg __________________ Genau das wollte ich auch gerade sagen ^^

02.05.2009, 21:01
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	Oh man ich verzweifle schon die ganze Zeit und dachte schon ich hab lauter Fehler drin... (war ja eig. Valide) und dann ist es nur ein Leerer Tag. Eine Frage hätte ich noch... kann ich nicht einen Lerren XHTML Tag für a nehmen? Also.. Code: <a href="link" /> Falls das überhaupt geht kenne mich ja mit XHTML mal garnicht aus... Das von SELFHtml hab ich schon gesehen mit ul li a - aber soweit ich das bei mir gesehen habe brauch ich das doch garnicht oder? Also nicht bei der Navigation Danke aber für deinen hilfreichen Tipp! Werde das gleich ausprobieren und dann eine Rückmeldung geben! Edit: Das mit   hat leider nichts gemacht - sind immer noch untereinander statt nebeneinander ;( Findet keiner den Fehler in der CSS oder HTML Datei? Vielleicht bin ich schon blind und übersehe vielleicht dauernd einen... manchmal bringt es ja mehr wenn ein Fremder das nochmal ansieht. Wäre auf jedenfalls sehr dankbar für eure bemühungen! Geändert von tesim (02.05.2009 um 21:04 Uhr).

02.05.2009, 21:23
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	Problem Gelöst! Habe einfach alles mit float: left positioniert und abosolute Breite angegeben... ETwas umständlicher aber es klappt =) Ich nehme meinen Link dann wieder raus. Danke aber für die Mühe und die Hilfe für das Problem mit dem Leeren Link!! Falls jemand trozdem noch einen Tipp hat, kann er ihn jederzeit posten.