Jump to content
Sign in to follow this  
the_fire

Problemer med CSS i GoLive

Recommended Posts

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.

Edited by The_Fire

Share this post


Link to post

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 ;)

Edited by Loomy

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...