[GastForen Web allgemein HTML und CSS / Stylesheets Reihenfolge in Menuzeile vertauscht

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Reihenfolge in Menuzeile vertauscht

Ecki
Beiträge gesamt: 375

22. Jan 2007, 10:41
Beitrag # 1 von 4
Bewertung:
(3374 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Liebe Leute,
ich habe in eine CSS-Testseite eine kleine Menuzeile angelegt:
Kontakt Impressum Sitemap
Code
<div id="topmenu"> 
<div id="headnavi">
<ul>
<li id="ko"><a href="kontakt.html>Kontakt</a>
<li id="im"><a href="impressum.html">Impressum</a>
<li id="si"><a href="sitemap.html">Sitemap</a>
</ul>
</div>
</div>


Im CSS habe ich folgendes stehen:
Code
#headnavi a  { color: #008080; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left } 
#headnavi a:hover { color: #008080; font-weight: bold; text-decoration: none; text-align: left; text-transform: uppercase }
#headnavi ul { font-size: 10px; padding: 0 }
#headnavi li { list-style: none; width: 80px; float: right }

#ko { }
#im { }
#si { }

#konta #ko a:visited { color: #c00; font-weight: bold; text-decoration: none; background-color: #e7f6f9; text-align: left; text-transform: uppercase }
#impre #im a:visited { color: #c00; font-weight: bold; text-decoration: none; background-color: #e7f6f9; text-align: left; text-transform: uppercase }
#sitem #si a:visited { color: #c00; font-weight: bold; text-decoration: none; background-color: #e7f6f9; text-align: left; text-transform: uppercase }


Auf der entsprechenden Seite wird der zugehörige Link hervorgehoben.
Alles klappt!
Nur die Links werden nicht in der beabsichtigten Reihenfolge angezeigt. Sondern so: Sitemap Impressum Kontakt

Ein weiteres vertikales Menu auf der Seite listet die Links korrekt untereinander auf.
Jedoch in der horizontalen Menuzeile läuft's falsch.

Das verstehe ich nicht. Wer klärt mich auf?
Ich könnte ja die Links in gegensätzlicher Folge eintragen, aber logisch erscheint mir das nicht.

Gruß von Eckhard
X

Reihenfolge in Menuzeile vertauscht

Intermedia
Beiträge gesamt: 1287

22. Jan 2007, 11:11
Beitrag # 2 von 4
Beitrag ID: #271778
Bewertung:
(3368 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hihi..... das Problem hatte ich auch. ;-)

liegt am float: right

Mach mal nen left draus dann stimmt die Reihenfolge.

Ich hab mir da keine Gedanken weiter gemacht und hab die Menüpunkte einfach umgedreht. Fertig.

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#271768]

Reihenfolge in Menuzeile vertauscht

SabineP
Beiträge gesamt: 7586

22. Jan 2007, 11:16
Beitrag # 3 von 4
Beitrag ID: #271781
Bewertung:
(3367 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Ecki,

Deine Liste ist in einigen Browsern gar nicht sichtbar.

Hier findest Du ein einfaches Beispiel:
http://css.maxdesign.com.au/listamatic/horizontal01.htm
Gruß Sabine


als Antwort auf: [#271768]

Reihenfolge in Menuzeile vertauscht

Ecki
Beiträge gesamt: 375

22. Jan 2007, 12:25
Beitrag # 4 von 4
Beitrag ID: #271808
Bewertung:
(3362 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank an Euch!

@ Sven:
Ich habe das float:right bei li rausgenommen und jetzt dem ul zugewiesen.
Nun passt's. Woher soll ich sowas aber auch wissen?! Auf jedenfall will ich's mir merken.

@ Sabine:
Bisher hatte ich die Testseiten nur in GoLive betrachtet. Dem Hinweis muss ich allerdings vor einem praktischen Einsatz noch nachgehen. Und ich dachte schon ich sei mit dem Thema durch. Na denn - packen wir's an!

Gruß von Eckhard


als Antwort auf: [#271781]
X

Aktuell

Photoshop / Lightroom
panorama_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
12.03.2021 - 16.07.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 12. März 2021, 13.00 Uhr - Freitag, 16. Juli 2021, 17.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von publishingNETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: CHF 6'300.-
Dauer: 18 Tage (ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PBAS