Hover links + Statuszeile

[KukiW]

Hallo an Euch Profis,

vorab: habe schon nach entsprechenden Artikeln im Archiv gesucht, aber nix
gefunden. Mein Problem liegt bei Netscape 6.2:
CSS Seiten, Links mit Hover-Effekt. Zusätzlich erscheint bei mouseover ein Text auf der Statuszeile (finde ich schöner als nur die Pfadangabe). Funktioniert im IE 6
aber im Netscape 6.2 zeigt sich in dieser Verbindung der Hover-Effekt nicht.
Wenn ich die Eingaben für die Statuszeile entferne, klappt's dann auch im Netscape Navigator.

Hat jemand von Euch schon die Erfahrung gemacht - gibt's einen kleinen Tip, um
den Netscape auszutricksen?

Für jeden Hinweis bin ich dankbar,
mlG

Kuki

 

[Martin_J]

css & andere Browser

Hallo,

da sich die Browser-Hersteller leider wohl nie auf einen einheitlichen Standart zur Darstellung einigen werden würde ich Dir empfehlen für die verschiedenen Browser einzelne css zu verwenden.

Also z.B.
Browserabfrage mittels PHP oder Javascript - dann verweis zur entsprechenden css Datei ( ie.css , netsc.css, opera.css )

Allen auf einmal kann man es halt nicht rechtmachen.

MfG Martin

 

[KukiW]

Danke Martin,

abgesehen von den differenzierten Stylesheets hätte es mich trotzdem
interessiert, ob's nicht doch eine Möglichkeit gibt, a:hover mit mouseover
auch beim Netscape durchzuführen. Anyhow, habe viele CSS Webs angesurft,
überall nur die Pfadangaben auf der Statuszeile gesehen.

Geht offensichtlich wirklich nicht.

Vielen Dank für Deinen Reply,

mfG

Kuki

 

[Andreas Gaisbauer]

Original geschrieben von KukiW
Hallo an Euch Profis,

vorab: habe schon nach entsprechenden Artikeln im Archiv gesucht, aber nix
gefunden. Mein Problem liegt bei Netscape 6.2:
CSS Seiten, Links mit Hover-Effekt. Zusätzlich erscheint bei mouseover ein Text auf der Statuszeile (finde ich schöner als nur die Pfadangabe). Funktioniert im IE 6
aber im Netscape 6.2 zeigt sich in dieser Verbindung der Hover-Effekt nicht.
Wenn ich die Eingaben für die Statuszeile entferne, klappt's dann auch im Netscape Navigator.

Hat jemand von Euch schon die Erfahrung gemacht - gibt's einen kleinen Tip, um
den Netscape auszutricksen?

Für jeden Hinweis bin ich dankbar,
mlG

Kuki

Hallo,

kannst du mal beide Versionen vom Code posten? Also einmal mit hover und einmal mit Statuszeile... Kram dann mal wieder meinen alten Netscape raus

 

[KukiW]

Hover Links + Statuszeile NS6

Hi Andreas,

' schon gar nicht mehr mit einer Antwort gerechnet und inzwischen
auf die Statuszeilen verzichtet.

Aber wenn Du trotzdem einen Blick auf die Codes werfen willst -
danke ich Dir jetzt schon ;-)

Also hier der css für die vertikale Navigationsbox:


/* Vertikale Navigation */

#nav ul
{
margin-left:0;
padding-left:0;
list-style-type:none;
}

#nav a
{
display:block;
padding:5px;
width:150px;
background-color:none;
border:none;
text-decoration:none;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:0.1em;
line-height:100%;
text-align:left;
}
#nav a:link
{
color:#e6e6e6;
text-decoration:none;
}
#navlist a:active {
color:#e6e6e6;
font-weight:bold;
}
#nav a:hover
{
background-image:url(../tools/bgd_nav4.jpg);
background-repeat:0;
color:#fff;
border-left:1px solid #fff;
border-right:1px double #fff;
}

/* ist jetzt natürlich nur ein teil des ganzen stylesheets */

und hier der html teil:

(ohne Statuszeilen Eingabe)

<div id="nav">
<p><strong>NAVIGATION</strong></p>
<ul id="navlist">
<li><a href="portfolio.html" target="_self">&brvbar; Portfolio</a></li>
<li><a href="webdesign.html" target="_self">&brvbar; Webdesign</a></li>
<li><a href="leistungen.html" target="_self">&brvbar; Leistungen</a></li>
<li><a href="preis.html" target="_self">&brvbar; Preis</a></li>
<li><a href="refer.html" target="_self">&brvbar; Referenzen</a></li>
<li><a href="weblinks.html" target="_self">&brvbar; Weblinks</a></li>
<li><a href="kontakt.html" target="_self">&brvbar; Kontakt</a></li>
<li><a href="auswahl.html" target="_self">&brvbar; Auswahl</a></li>
<li></li>
</ul>
</div>

(mit 3 Eingaben Statuszeile - mit Dreamweaver MX Behaviors umgesetzt):

<div id="nav">
<p><strong>NAVIGATION</strong></p>
<ul id="navlist">
<li><a href="portfolio.html" target="_self" onmouseover="MM_displayStatusMsg('Ihr Erfolg ist unser Ziel!');return document.MM_returnValue">&brvbar;
Portfolio</a></li>
<li><a href="webdesign.html" target="_self" onmouseover="MM_displayStatusMsg('Ihre Website ist uns ein Anliegen!');return document.MM_returnValue">&brvbar;
Webdesign</a></li>
<li><a href="leistungen.html" target="_self" onmouseover="MM_displayStatusMsg('Effektive Arbeit - Effizientes Resultat!');return document.MM_returnValue">&brvbar;
Leistungen</a></li>
<li><a href="preis.html" target="_self" onmouseover="MM_displayStatusMsg('Individuelle Umsetzung - Individueller Preis');return document.MM_returnValue">&brvbar;
Preis</a></li>
<li><a href="refer.html" target="_self">&brvbar; Referenzen</a></li>
<li><a href="weblinks.html" target="_self">&brvbar; Weblinks</a></li>
<li><a href="kontakt.html" target="_self">&brvbar; Kontakt</a></li>
<li><a href="auswahl.html" target="_self">&brvbar; Auswahl</a></li>
<li></li>
</ul>
</div>

Auch wenn der Hover-Effekt kein Bild ist, sondern nur eine andere Farbe,
klappt's trotzdem nicht.

Danke für Deinen Input -
mfG

Kuki