Dreamweaver verhindert CSS Hover Effekte

flight_point · 12.03.2011

Hallo

Ich arbeite mit Dreamweaver MX und habe damit eine Webseite erstellt. Zu der Seite gehört ein externer CSS (importiert) der das Layout, die Texte und Links bestimmen soll.
Leider verhindert Dreamweaver alle Hover Effekte des CSS und zeigt stattdessen die Links standartmäßig in Blau und unterstrichen an. Ich habe die Hovereffekte auch schon direkt in den Quelltext der Seite geschrieben und die Einträge aus dem externen Sheet entfernt, was aber nicht den gewünschten Erfolg brachte.
Hat jemand einen Vorschlag für mich?

Vielen Dank

schluepperpirat · 12.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

Bist du dir sicher das du den richtigen Quellcode verwendet hast?

pac_nrw · 12.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

Glaskugel, was ist der Grund?

Hast du einen Quelltext oder eine URL?

cebito · 12.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

pac_nrw schrieb:
Glaskugel, was ist der Grund?

Hast du einen Quelltext oder eine URL?

Dito, ansonsten, vergiß die DW-Vorschau, kein Mensch servt mit Dreamweaver. Schau dir die Seiten gleich in richtigen Browsern an, spart dir viele graue Haare...

flight_point · 12.03.2011

ok. sorry

Quelltext im ursprünglichen Zustand.

HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Seitenname</title>
<link rel="SHORTCUT ICON" href="favicon_x.ico" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<STYLE TYPE="text/css">
}
a:{color: #FFFFFF;
text-decoration : underline; 
}
a:visited {color:#FFFFFF;
text-decoration : underline; 
}
a:hover {color: #33CCFF;
text-decoration : none; 
}
a:active { color:#33CCFF;
text-decoration : underline; 
}
-->
</style>
<body leftmargin="0" topmargin="0"><body class="container">
<div id="Zentriert"> 
<DIV CLASS="logo"><img src="http://www.psd-tutorials.de/forum/images/logo.gif" alt="Logo" width="108" height="279" /> 
</DIV>
<DIV CLASS="logo-text"> </DIV>
<DIV CLASS="header"> </DIV>
<DIV CLASS="right-1"> </DIV>
<DIV CLASS="left"> </DIV>
<DIV CLASS="text-rO"> </DIV>
<DIV CLASS="right-2"> </DIV>
<DIV CLASS="texte-r1"> </DIV>
<DIV CLASS="Uber1"> </DIV>
<DIV CLASS="Ueber2"> </DIV>
<DIV CLASS="Uber3"> </DIV>
<DIV CLASS="texte-r2"> </DIV>
<DIV CLASS="texte-2">
  <p>Webseiten </p>
  <p><img src="http://www.psd-tutorials.de/forum/images/site_pix/home_p1.jpg" alt="Bild 1" width="75" height="80" /></p>
</DIV>
<DIV CLASS="texte-5">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  </DIV>
<DIV CLASS="texte-7">
  <p>&nbsp;</p>
  <p>Unter Konstruktion</p>
</DIV>
<DIV CLASS="texte-r3"> </DIV>
<DIV CLASS="texte-3">
  <p>&nbsp;</p>
  <p>Fotos/ Grafiken</p>
  <p><img src="mages/site_pix/fotos1.jpg" alt="Bild 2" width="82" height="97" /></p>
</DIV>
<DIV CLASS="text-rU"> </DIV>
<DIV CLASS="left2"> </DIV>
<DIV CLASS="menue-1"> </DIV>
<DIV CLASS="right-3"> <img src="http://www.psd-tutorials.de/forum/images/right_3.gif" alt="leer" width="26" height="76" /></DIV>
<DIV CLASS="menue2"> </DIV>
<DIV CLASS="home"><a href="index.html">Home</a> </DIV>
<DIV CLASS="frei-1"> </DIV>
<DIV CLASS="Galerie"><a href="#">Galerie</a></DIV>
<DIV CLASS="frei-2"> </DIV>
<DIV CLASS="Preise"><a href="#">Preise</a> </DIV>
<DIV CLASS="frei-3"> </DIV>
<DIV CLASS="Kontakt"><a href="#">Kontakt</a></DIV>
<DIV CLASS="frei-4"> </DIV>
<DIV CLASS="Impressum"><a href="#">Impressum</a></DIV>
<DIV CLASS="frei-5"> </DIV>
<DIV CLASS="menue3"> </DIV>
<DIV CLASS="left3"> </DIV>
<DIV CLASS="rand-unten"> </DIV>
<DIV CLASS="right-4"> </DIV>
</body>
</html>

pac_nrw · 13.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

Wieso gibt es den Body-Tag zwei mal? In deinem Quelltext sehe ich überhaupt kein Link.

Mohyra · 14.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

wenn der link nicht richtig definiert ist, kanns ja nicht gehen.
probiers mal mit

Code:

a:link {color: #FFFFFF;
text-decoration : underline; 
}

und natürlich den einen body-tag entfernen.

flight_point · 14.03.2011

AW: Dreamweaver verhindert CSS Hover Effekte

Mohyra schrieb:
wenn der link nicht richtig definiert ist, kanns ja nicht gehen.

ah....

trotzdem vielen Dank für die Hilfe!