[GastForen Web allgemein HTML und CSS / Stylesheets CSS-Menü: Keine activ-Link-Anzeige im Firefox

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

CSS-Menü: Keine activ-Link-Anzeige im Firefox

Ecki
Beiträge gesamt: 378

9. Jul 2012, 19:58
Beitrag # 1 von 2
Bewertung:
(1699 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich habe ein Prpble mit einem CSS-Menü: Die Site ist mit GoLive CS erzeugt - spielt aber wohl keine Rolle.
In der GL-Vorschau wird die bei der Anzeige der jeweiligen Seite der entsprechende Link hervorgehoben. Im IE ist das auch noch so. Aber Firefox, Chrome, Safari und Opera machen da nicht mit.

Hier ist der Quellcode für z.B. die Startseite:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"><!--
#h-naviflex { font-size: 0.9em; font-family: "Arial, Helvetica, SunSans-Regular, sans-serif"; padding: 0 -20px 0 10px; width: 100%;

float: right }

#h-naviflex li { list-style: none; display: inline; margin: 0; padding: 0; float: right }

#h-naviflex a:link,
#h-naviflex a:visited
{ color: #369; font-size: 85%; font-weight: normal; line-height: 20px; text-decoration: none; margin: 0 20px 0 10px; float: left }

#h-naviflex a.active:link,
#h-naviflex a.active:visited,
{ color: #369; font-weight: bold; padding-bottom: 2px }

#h-naviflex a:hover
{ color: #369; font-weight: bold; background-color: #d6e3f6; padding-bottom: 2px; border-bottom: 4px solid #369 }

/* Begin Highlight the current headnav-link */
body#startseite a#homnav,
body#impressum a#impressnav,
body#sitemap a#sitenav,
body#kontakt a#kontnav,
body#email a#mailnav,
{ color: #369; font-weight: bold; background-color: #d6e3f6; padding-bottom: 2px; border-bottom: 4px solid #369 }
--></style>
</head>

<body id="startseite">
<div class="headnavi">
<ul id="h-naviflex">
<li><a href="../../sitemap.html" id="sitenav" onfocus="if(this.blur)this.blur();"> SITEMAP </a>
<li><a href="../../impressum.html" id="impressnav" onfocus="if(this.blur)this.blur();"> IMPRESSUM </a>
<li><a href="../../email.html" id="mailnav" onfocus="if(this.blur)this.blur();"> E-MAIL </a>
<li><a href="../../kontakt.html" id="kontnav" onfocus="if(this.blur)this.blur();"> KONTAKT </a>
<li><a href="../../index.html" id="homnav" onfocus="if(this.blur)this.blur();"> STARTSEITE </a>
</ul>
</div>
</body>

</html>



Was muss ich ändern, damit in allen Browsern der aktive Link hervorgehoben wird?
X

CSS-Menü: Keine activ-Link-Anzeige im Firefox

Ecki
Beiträge gesamt: 378

11. Jul 2012, 11:49
Beitrag # 2 von 2
Beitrag ID: #497836
Bewertung:
(1652 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Nun klappt's:
Es war offenbar ein Komma im CSS zu viel
(body#email a#mailnav , )


als Antwort auf: [#497782]

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
09.05.2023

Digicomp (Bern, Basel, Zürich)
Dienstag, 09. Mai 2023, 08.30 - 17.00 Uhr

Kurs

Sie verfügen über ein Abonnement der Creative Cloud, welches Adobe Acrobat DC Pro beinhaltet. Sind Sie unsicher, ob Ihre PDF Dateien für die jeweilige Druckausgabe geeignet sind? Lernen Sie in diesem Kurs das notwendige Rüstzeug für den sicheren Datenaustausch mit Druckdienstleistern. Erstellen Sie druckfähige PDF/X und prüfen Sie Ihre PDFs vor einer Weitergabe mit Acrobat DC Pro.

Dauer: 1 Tag
Preis: CHF 700.–, exkl. MWST

Ja

Organisator: Digicomp Academy AG

https://digicomp.ch/weiterbildung-media-communication/adobe/kurs-pruefen-von-druck-pdf-in-acrobat-dc-pro--basic

Prüfen von Druck-PDF in Acrobat DC Pro