Gå til innhold

Problemer med CSS i GoLive


Anbefalte innlegg

Hei. Holder på å lage en side i GoLive (holder med dette på skolen, og har ikke lært meg html og css helt).

Men får ikke a:hover, a:link eller a:visited til å virke.

 

Noen som kan hjelpe meg?

 

HTML-koden

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
 <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
 <meta name="generator" content="Adobe GoLive">
 <title>Medier og kommunikasjon</title>
 <link href="style.css" rel="stylesheet" type="text/css" media="all">
 <csscriptdict import>

 	<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
 </csscriptdict>
 <csactiondict>
 	<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
 pre_om_btn_01_over = newImage('Grafikk/btn2/images/om_btn_01-over.gif');
 pre_om_btn_01_down = newImage('Grafikk/btn2/images/om_btn_01-down.gif');
 pre_om_btn_01_out = newImage('Grafikk/btn2/images/om_btn_01-out.gif');
 pre_fb_btn_01_over = newImage('Grafikk/btn2/images/fb_btn_01-over.gif');
 pre_fb_btn_01_down = newImage('Grafikk/btn2/images/fb_btn_01-down.gif');
 pre_mu_btn_01_over = newImage('Grafikk/btn2/images/mu_btn_01-over.gif');
 pre_mu_btn_01_down = newImage('Grafikk/btn2/images/mu_btn_01-down.gif');
 pre_mu_btn_01_out = newImage('Grafikk/btn2/images/mu_btn_01-out.gif');
 pre_tp_btn_01_over = newImage('Grafikk/btn2/images/tp_btn_01-over.gif');
 pre_tp_btn_01_down = newImage('Grafikk/btn2/images/tp_btn_01-down.gif');
 pre_tp_btn_01_out = newImage('Grafikk/btn2/images/tp_btn_01-out.gif');
 preloadFlag = true;
}
}

// --></script>
 </csactiondict>
</head>

<body onload="preloadImages();" bgcolor="#efc136">

 <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" cool gridx="16" gridy="16" height="609" showgridx showgridy usegridx usegridy>
 	<tr height="160">
   <td width="800" height="160" colspan="7" valign="top" align="left" xpos="0"><img src="Grafikk/banr.gif" alt="" height="153" width="800" border="0"></td>
 	</tr>
 	<tr height="32">
   <td width="800" height="32" colspan="7" valign="top" align="left" xpos="0">
   	<table width="800" border="0" cellspacing="2" cellpadding="0" align="center">
     <tr>
     	<td align="center"><a onmousedown="changeImages('mu_btn_01','Grafikk/btn2/images/om_btn_01-down.gif');return true" onmouseup="changeImages('mu_btn_01','Grafikk/btn2/images/om_btn_01-over.gif');return true" onmouseover="changeImages('mu_btn_01','Grafikk/btn2/images/om_btn_01-over.gif');return true" onmouseout="changeImages('mu_btn_01','Grafikk/btn2/images/om_btn_01-out.gif');return true" href="om.html"><img id="mu_btn_01" src="Grafikk/btn2/images/om_btn_01.gif" alt="" name="mu_btn_01" height="21" width="116" border="0"></a></td>

     	<td align="center"><a onmousedown="changeImages('fb_btn_01','Grafikk/btn2/images/fb_btn_01-down.gif');return true" onmouseup="changeImages('fb_btn_01','Grafikk/btn2/images/fb_btn_01-over.gif');return true" onmouseover="changeImages('fb_btn_01','Grafikk/btn2/images/fb_btn_01-over.gif');return true" onmouseout="changeImages('fb_btn_01','Grafikk/btn2/images/fb_btn_01.gif');return true" href="filmbilder.html"><img id="fb_btn_01" src="Grafikk/btn2/images/fb_btn_01.gif" alt="" name="fb_btn_01" height="21" width="116" border="0"></a></td>
     	<td align="center"><a onmousedown="changeImages('mu_btn_2','Grafikk/btn2/images/mu_btn_01-down.gif');return true" onmouseup="changeImages('mu_btn_2','Grafikk/btn2/images/mu_btn_01-over.gif');return true" onmouseover="changeImages('mu_btn_2','Grafikk/btn2/images/mu_btn_01-over.gif');return true" onmouseout="changeImages('mu_btn_2','Grafikk/btn2/images/mu_btn_01-out.gif');return true" href="mulig.html"><img id="mu_btn_2" src="Grafikk/btn2/images/mu_btn_01.gif" alt="" name="mu_btn_2" height="21" width="116" border="0"></a></td>
     	<td align="center"><a onmousedown="changeImages('tp_btn_01','Grafikk/btn2/images/tp_btn_01-down.gif');return true" onmouseup="changeImages('tp_btn_01','Grafikk/btn2/images/tp_btn_01-over.gif');return true" onmouseover="changeImages('tp_btn_01','Grafikk/btn2/images/tp_btn_01-over.gif');return true" onmouseout="changeImages('tp_btn_01','Grafikk/btn2/images/tp_btn_01-out.gif');return true" href="plan.html"><img id="tp_btn_01" src="Grafikk/btn2/images/tp_btn_01.gif" alt="" name="tp_btn_01" height="21" width="116" border="0"></a></td>
     </tr>
   	</table>
   </td>
 	</tr>
 	<tr height="48">
   <td width="16" height="48"><spacer type="block" width="16" height="48"></td>

   <td content csheight="17" width="205" height="48" colspan="2" valign="top" xpos="16">
   	<p><a href="index.html">Forside</a>><a href="filmbilder.html">Film/Bilder</a>>Film 1</p>
   </td>
   <td width="578" height="48" colspan="3"><spacer type="block" width="578" height="48"></td>
   <td width="1" height="48"><spacer type="block" width="1" height="48"></td>
 	</tr>
 	<tr height="336">

   <td width="32" height="336" colspan="2"><spacer type="block" width="32" height="336"></td>
   <td width="432" height="336" colspan="2" valign="top" align="left" xpos="32"><object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="300" width="400">
     <param name="src" value="">
     <param name="autoplay" value="true">
     <param name="controller" value="false">
     <embed height="300" pluginspage="http://www.apple.com/quicktime/download/" src="" type="video/quicktime" width="400" controller="false" autoplay="true">      </object></td>
   <td content csheight="304" width="256" height="336" valign="top" xpos="464">
   	<h2>Film 1</h2>

   	<p><u>Laget av:<br>
     </u>Entotre Entotre<br>
     Entotre entotre<br>
     Entotre entotre<br>
     Entotre entotre</p>
   	<p>Alta VGS<br>

     1MKA @ Desember 2005</p>
   	<p></p>
   </td>
   <td width="79" height="336"><spacer type="block" width="79" height="336"></td>
   <td width="1" height="336"><spacer type="block" width="1" height="336"></td>
 	</tr>
 	<tr height="32">
   <td width="800" height="32" colspan="7" valign="top" align="left" xpos="0"><img src="Grafikk/footer.gif" alt="" height="15" width="800" border="0"></td>

 	</tr>
 	<tr height="1" cntrlrow>
   <td width="16" height="1"><spacer type="block" width="16" height="1"></td>
   <td width="16" height="1"><spacer type="block" width="16" height="1"></td>
   <td width="189" height="1"><spacer type="block" width="189" height="1"></td>
   <td width="243" height="1"><spacer type="block" width="243" height="1"></td>
   <td width="256" height="1"><spacer type="block" width="256" height="1"></td>
   <td width="79" height="1"><spacer type="block" width="79" height="1"></td>
   <td width="1" height="1"><spacer type="block" width="1" height="1"></td>

 	</tr>
 </table>
 <p></p>
</body>

</html>







 

 

CSS

 

body  { font-family: Verdana, Arial, Helvetica, sans-serif }
p  { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif }
td {}
a:hover   { color: green; text-decoration: underline }
a:link { color: orange }
a:visited { color: orange; font-style: normal }

 

 

 

Disse css-greiene ser ut til å virke i GoLive-preview, men ikke i en nettleser.

 

 

 

Og ja, jeg vet GoLive suger, men ikke gå mer inn på det.

Endret av The_Fire
Lenke til kommentar
Videoannonse
Annonse

Prøv å endre rekkefølgen av a'ene slik:

1. :link

2. :visited

3. :hover

og evt :active til slutt.

 

 

EDIT:

Du har glemt å avslutte en verdi.. nemlig ";"

Det går vel greit så lenge den som ikke er avsluttet kommer sist i {blokken}

 

..om det er "sunn" koding er derimot en helt annen sak ;)

Endret av Loomy
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...