/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS - ændre bordercolor på link med img
Fra : Trond Øyvind Hermans~


Dato : 28-03-03 15:39

Ja, emnet lyder vist lidt rodet, men jeg vil gerne have ændret standard
linkfarve fra blå/violet til noget andet når jeg linker med et img. Og jeg
vil gøre det med CSS, men kan ikke finde ud af det.

Koden ser jo normalt ca. sådan ud:

<A HREF="qwe.html"><IMG SRC="qwe.gif" BORDER="1"></A>

Jeg har jo så prøvet mig med at sætte noget class ind i <A HREF>-koden, så
link-farven skulle skifte, men det virker ikke.

Jeg har også forsøgt at sætte noget class ind i <IMG>-koden - så kan jeg
skifte farven på border'en, men det ville jo være federe, hvis bordercolor
skifter ved hover ligesom links'ene, ikke!?

Nogen der har et forslag? Eller kan det slet ikke lade sig gøre?


mvh
Trond Øyvind Hermansen



 
 
Andreas Haugstrup Pe~ (28-03-2003)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 28-03-03 16:03

"Trond Øyvind Hermansen" <oyvind.hermansen@iname.com> wrote in
news:3e845d1b$0$152$edfadb0f@dtext01.news.tele.dk:

> Jeg har også forsøgt at sætte noget class ind i <IMG>-koden - så kan
> jeg skifte farven på border'en, men det ville jo være federe, hvis
> bordercolor skifter ved hover ligesom links'ene, ikke!?
>
> Nogen der har et forslag? Eller kan det slet ikke lade sig gøre?

a img {
/* Border på billeder der er links */
border:1px solid blue;
}
a img:hover {
/* Border på billeder der er links ved hover */
border:1px solid red;
}

--
Andreas
<http://www.solitude.dk>

Trond Øyvind Hermans~ (28-03-2003)
Kommentar
Fra : Trond Øyvind Hermans~


Dato : 28-03-03 16:23

Nej, det kan jeg ikke få til at virke (hover, active og visited - alm. link
skifter fint farve)

Andre forslag?

mvh
Trond Øyvind Hermansen

"Andreas Haugstrup Pedersen" <usenet@solitude.dk> skrev i en meddelelse
news:Xns934CA37CCE05Cusenetsolitudedk@130.225.247.90...
> "Trond Øyvind Hermansen" <oyvind.hermansen@iname.com> wrote in
> news:3e845d1b$0$152$edfadb0f@dtext01.news.tele.dk:
>
> > Jeg har også forsøgt at sætte noget class ind i <IMG>-koden - så kan
> > jeg skifte farven på border'en, men det ville jo være federe, hvis
> > bordercolor skifter ved hover ligesom links'ene, ikke!?
> >
> > Nogen der har et forslag? Eller kan det slet ikke lade sig gøre?
>
> a img {
> /* Border på billeder der er links */
> border:1px solid blue;
> }
> a img:hover {
> /* Border på billeder der er links ved hover */
> border:1px solid red;
> }
>
> --
> Andreas
> <http://www.solitude.dk>



Jonas Voss (28-03-2003)
Kommentar
Fra : Jonas Voss


Dato : 28-03-03 17:47

In dk.edb.internet.webdesign.html, Trond Øyvind Hermansen wrote:

> Nej, det kan jeg ikke få til at virke (hover, active og visited - alm. link
> skifter fint farve)

Har du et eksempel på hvordan du har implementeret det? Andreas'
forslag virker fint her.

--
| Jonas @ 55.75, 12.42 | <http://verture.net/> |

"Time is an illusion. Lunchtime doubly so."

Knud Gert Ellentoft (28-03-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-03-03 17:57

"Trond Øyvind Hermansen" <oyvind.hermansen@iname.com> skrev :

>Nej, det kan jeg ikke få til at virke (hover, active og visited - alm. link
>skifter fint farve)

Et link til siden, så man præcist kan se, hvad du laver ville
være rart, så er det nemmere at se hvor det fejler.

I <head>:
<style type="text/css">
<!--
img   {border: none}
a:link {border: 1px solid black; width: 230px; height: 256px;
display: block}
a:visited {border: 1px solid red; width: 230px; height: 256px;
display: block}
a:hover   {border: 1px solid yellow; width: 230px; height: 256px;
display: block}
a:active {border: 1px solid green; width: 230px; height: 256px;
display: block}
-->
</style>

og link:
<a href="dit link"><img src="billede.jpg" width="230"
height="256" alt="alttekst"></a>

PS.
Når du svarer på et indlæg vær rar, at citere efter netiketten på
<http://www.usenet.dk/netikette/citatteknik.html>.
Se også min signatur.

Det vil gøre det nemmere og mere behageligt at læse dine svar -
tak.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Trond Øyvind Hermans~ (28-03-2003)
Kommentar
Fra : Trond Øyvind Hermans~


Dato : 28-03-03 18:19

"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:hau88v0freodi75c7eevjbd7ecpqo4c2ru@dtext.news.tele.dk...

> I <head>:
> <style type="text/css">
> <!--
> img {border: none}
> a:link {border: 1px solid black; width: 230px; height: 256px;
> display: block}
> a:visited {border: 1px solid red; width: 230px; height: 256px;
> display: block}
> a:hover {border: 1px solid yellow; width: 230px; height: 256px;
> display: block}
> a:active {border: 1px solid green; width: 230px; height: 256px;
> display: block}
> -->
> </style>

Tjah... det virkede ikke helt efter hensigten, så jeg gjorde sådan i stedet
(i et eksternt CSS):

A:link.img {border: 1px solid #FF0000; }
A:visited.img {border: 1px solid #777777; }
A:hover.img {border: 1px solid #000000; }
A:active.img {border: 1px solid #FF7777; }

- hvor jeg så lavede link'et sådan:

<A CLASS="img"> HREF="qwe.htm"><IMG SRC="qwe.gif"></A>

- og hvis du vil se det (gad ikke sende et link med, da skidtet ikke var
lagt ud på serveren):

www.humu.dk -> billedgalleri


mvh & tak
Trond Øyvind Hermansen



Søg
Reklame
Statistik
Spørgsmål : 177506
Tips : 31968
Nyheder : 719565
Indlæg : 6408560
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste