Avatar billede amsn Nybegynder
14. april 2005 - 12:11 Der er 11 kommentarer

2 gange Hover på en side

Hej er ved at lave et nyt site:

Vil gerne have 2 typer link på min side, men forskellige hover efekter.
Det er som om noget af det virker, men ikke det hele

Roden:
css_site (i den ligger: index.html + mappen CSS
I mappen CSS ligger: linkone.css

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/linkone.css" rel="stylesheet" type="text/css">
</head>

<body>
<p>Test med Css Hover</p>
<p><a href="http://www.google.com" class="mini">&nbsp;small&nbsp;</a> virker ikke
  iSafari og FireFox. linker til google </p>
<p><a href="http://www.google.com" class="storlink">&nbsp;Google&nbsp;</a> virker
  i Safari, IE, FireFox. linker til google </p>
<p><a href="#" class="mini">&nbsp;small&nbsp;</a> virker i Safari, IE, FireFox.
  linker til #</p>
</body>
</html>
Avatar billede amsn Nybegynder
14. april 2005 - 12:12 #1
<style type="text/css">
<!--
a.mini:visited  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 9px;
    text-decoration: none}
   
a.mini:link  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 9px;
    text-decoration: none}
   
a.mini:active  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 9px;
    text-decoration: none}
   
a.mini:hover  {
    background-color: #990000;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 9px;
    text-decoration: none}
   
a.storlink:visited  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none}
   
a.storlink:link  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none}
   
a.storlink:active  {
    background-color: #777777;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none}
   
a.storlink:hover  {
    background-color: #990000;
    color: #ffffff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none}
    -->
</style>
Avatar billede amsn Nybegynder
14. april 2005 - 12:12 #2
det hele kunne ikke være der
Avatar billede busschou Praktikant
14. april 2005 - 12:20 #3
har du et link og evt valideret det?
Avatar billede amsn Nybegynder
14. april 2005 - 12:24 #4
Jeg har ikke et link men kan sende en fil. Hvordan validere man det?
Avatar billede busschou Praktikant
14. april 2005 - 12:26 #5
Herinde kan du validere html,xhtml,xml,css mm
http://www.w3schools.com/site/site_validate.asp
Det kræver blot at det er lagt ud på nettet!
FF er jo som regel mere "krævende" end IE når det kommer til at det skal være validt
Avatar billede amsn Nybegynder
14. april 2005 - 12:29 #6
nu har jeg lagt det op
http://a71.dk/css_site
Avatar billede busschou Praktikant
14. april 2005 - 12:30 #7
prøv lige at bytte rundt jvnf følgende:
----
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Note: Pseudo-class names are not case-sensitive.

Note: IE 4 and higher supports the anchor pseudo-class. NN 4.5 and Netscape 6 support the anchor pseudo-class only partially.
Avatar billede busschou Praktikant
14. april 2005 - 12:33 #8
Avatar billede busschou Praktikant
14. april 2005 - 12:35 #9
Det kunne være fordi når du har et eksternt stylesheet at så skal du ikke have følgende
<style type="text/css">
<!--
-->
</style>
Avatar billede amsn Nybegynder
14. april 2005 - 12:38 #10
Det var lige det
Mange tak
Avatar billede busschou Praktikant
14. april 2005 - 12:44 #11
det var så lidt da :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester