Avatar billede Tony Juniormester
19. juni 2003 - 13:28 Der er 26 kommentarer og
3 løsninger

a.imagelink:link i tabeller - fejl, hvad gør jeg ?

Nedenstående class virker fint udenfor en tabel, men ikke hvis den ligger i en tabel.

Nogen der kender til problemet og evt. en 'work around' ?

***
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Imagelink</title>
<style>
<!--
a.imagelink:link {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#773310;       
}

a.imagelink:visited {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#888888;   
}

a.imagelink:hover {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#334455;   
}

a.imagelink:active {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#000000;
}
-->
</style>
</head>
<body>
<a href="#" class="imagelink"><img src="logo.jpg" width="102" height="80" border="0"></a>

<br><br>
<table height="200" border="1">
<tr>
      <td><a href="#" class="imagelink"><img src="logo.jpg" width="102" height="80" border="0"></a></td>
</tr>
</table>
</body>
</html>
Avatar billede ahv Nybegynder
19. juni 2003 - 13:31 #1
Hvad hvis du laver den lidt om ->

<table height="200" border="1" class="imagelink">
<tr>
      <td><a href="#"><img src="logo.jpg" width="102" height="80" border="0"></a></td>
</tr>

?
Avatar billede Tony Juniormester
19. juni 2003 - 13:34 #2
Nej, den knytter sig jo til 'a' tagget og ikke 'table' tagget ...
Avatar billede ahv Nybegynder
19. juni 2003 - 13:34 #3
Ja, tænkte mig ikke lige om, vil du have præcis samme resultat uden for tabellen som inde i?
Avatar billede cdc Novice
19. juni 2003 - 13:35 #4
så virker den i cellen
    <style>
<!--
a.imagelink:link {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#773310;
  display:block;       
}

a.imagelink:visited {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#888888;
  display:block;   
}

a.imagelink:hover {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#334455;
  display:block; 
}

a.imagelink:active {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#000000;
  display:block;
}
-->
</style>

men ikke udenom
Avatar billede lordhead Nybegynder
19. juni 2003 - 13:36 #5
Måske det ville virke hvis du fjernede a'et foren class'en

i nogle tilfælde har jeg oplevet det virkede
Avatar billede ahv Nybegynder
19. juni 2003 - 13:38 #6
Den for ikke sin border i toppen når den er i tabellen her, kan ikke rigtig se hvorfor, men din style kan nu alligevel omskrives til:

<style>
<!--
a.imagelink:link {
  border: 20px solid #773310;
}

a.imagelink:visited {
  border:20px solid #888888;
}

a.imagelink:hover {
  border:20px solid #334455;
}

a.imagelink:active {
  border:20px solid #000000;
}
-->
</style>
Avatar billede cdc Novice
19. juni 2003 - 13:39 #7
her virker den begge veje:    <style>
<!--
a.imagelink:link {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#773310;
  display:block;
  width:102px;       
}

a.imagelink:visited {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#888888;
  display:block;
  width:102px;   
}

a.imagelink:hover {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#334455;
  display:block;
  width:102px; 
}

a.imagelink:active {
  border:20px 20px 20px 20px;
  border-style:solid;
  border-color:#000000;
  display:block;
  width:102px;
}
-->
</style>
Avatar billede cdc Novice
19. juni 2003 - 13:42 #8
Avatar billede ahv Nybegynder
19. juni 2003 - 13:43 #9
/cdc virker :o) Blot en lille forkortelse ->

<style>
<!--
a.imagelink:link {
  border: 20px solid #773310;
  display: block;
  width: 102px;
}

a.imagelink:visited {
  border: 20px solid #888888;
  display: block;
  width: 102px;
}

a.imagelink:hover {
  border: 20px solid #334455;
  display: block;
  width: 102px;
}

a.imagelink:active {
  border: 20px solid #000000;
  display: block;
  width: 102px;
}
-->
</style>
Avatar billede Tony Juniormester
19. juni 2003 - 13:46 #10
cdc >> "... så virker den i cellen ..."
Tjaa, men det er på selve billedet jeg skal bruge class'n og ikke på cellen. Når jeg en gang er færdig, vil der være over 100 billeder i forskellige størelser og så nytter det jo ikke noget at knytte den til cellen ...

>> loardhead
Nope, det virker ikke at fjerne a'et fra class'n
Avatar billede lordhead Nybegynder
19. juni 2003 - 13:48 #11
Okay - så lærte jeg også noget dér >:}
Avatar billede cdc Novice
19. juni 2003 - 13:49 #12
se min sidste
Avatar billede Tony Juniormester
19. juni 2003 - 13:49 #13
Eksempel her:
http://home1.stofanet.dk/breindal/CarstenFrank/frames/index01.html

... små billeder nederst til højre
Avatar billede cdc Novice
19. juni 2003 - 13:50 #14
hvad er det der ikke virker?
Avatar billede Tony Juniormester
19. juni 2003 - 13:54 #15
de to øverste af de små billeder har ikke rammen omkring sig, men derimod følger rammen cellen ...
Avatar billede cdc Novice
19. juni 2003 - 13:57 #16
kan du ikke lave to classes så ? :o)
Avatar billede Tony Juniormester
19. juni 2003 - 13:59 #17
LoL - jow, eller snarere 40 :))
Avatar billede cdc Novice
19. juni 2003 - 14:05 #18
synes ikke det er noget problem med css så længe du kører med 1px på billedet
Avatar billede Tony Juniormester
19. juni 2003 - 14:07 #19
Nej det synes jeg heller ikke, men kunden vil have at linkanimationen følger kanten på de enkelte billeder ...
Avatar billede Tony Juniormester
19. juni 2003 - 14:12 #20
cdc >> du bruger "display: block;". Er der noget vi kan bruge i stedet for 'block' ?
Avatar billede cdc Novice
19. juni 2003 - 14:17 #21
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Imagelink</title>
    <style>
<!--
a.imagelink:link {
  border: 1px;
  border-style:solid;
  border-color:#ffffff;
}

a.imagelink:visited {
  border: 1px;
  border-style:solid;
  border-color:#cococo;
}

a.imagelink:hover {
  border: 1px;
  border-style:solid;
  border-color:#ff0000;
}

a.imagelink:active {
  border: 1px;
  border-style:solid;
  border-color:#888888;
}
-->
</style>
</head>
<body bgcolor="#000000">
<a href="#" class="imagelink"><img src="logo.jpg" width="35" height="28" border="0"></a>

<br><br>
<table height="200" border="0" cellspacing="0" cellpadding="0">
<tr>
      <td><a href="#" class="imagelink"><img src="logo.jpg" width="100" height="100" vspace="1" border="0"></a></td>
</tr>
</table>
</body>
</html>
Avatar billede cdc Novice
19. juni 2003 - 14:20 #22
har sat en vspace="1" ind på billedet i cellen, finder ikke en anden mulighed lige nu
Avatar billede Tony Juniormester
19. juni 2003 - 14:28 #23
Avatar billede lordhead Nybegynder
19. juni 2003 - 14:31 #24
Tak for points ... ?

Hvorfor var det lige jeg skulle have points >;}
Avatar billede Tony Juniormester
19. juni 2003 - 14:36 #25
Fordi du havde ulejlighed med overhovedet at foreslå en løsning. D.v.s. du har engageret dig i mit lille problem og så er det mindste jeg kan gøre da at honorerer dit engagement ... :)
Avatar billede lordhead Nybegynder
19. juni 2003 - 14:38 #26
Det må jeg nok sige... !

Du er meget venlig - det skal jeg huske, hvis nu engang jeg kommer i problemer og du komentere det :o)
Avatar billede Tony Juniormester
19. juni 2003 - 14:49 #27
Tak :)

Fortsat god dag til alle ...
Avatar billede cdc Novice
19. juni 2003 - 14:53 #28
takker for points, men jeg vil prøve at finde en anden løsning, det borde kunne gøres i css
Avatar billede Tony Juniormester
19. juni 2003 - 14:58 #29
Tjaa, jeg har nu opdaget, at der er mange ting der er opføre sig lidt skøre med CSS. Fx. har jeg en gang været nød til at ligge nedenstående ind i en kontaktformular for overhovedet at få CSS'n til at virke:

<script type="text/JavaScript">
var totaltLigegyldigVariabelManIkkeBruger =
        "Dette lille script afværger en fejl der nogle gange sker, "
      +"når der inkluderes et stylesheet lige ovenover et script" ;
</script>

... og ja, så er der lige den der med at centrerer tabeller med CSS, det går heller ikke alt for godt ;-)
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

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Solution Manager til Cyberdivisionen

IT Forum Gruppen

Senior Sales Manager hos ITF

Forsvarets Efterretningstjeneste

Linux Infrastructure Specialist