/ 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
Border farve på billedlink?
Fra : Martin


Dato : 11-10-05 14:29

Hej

Se først her: http://www.html.dk/faq/00030/

Er det muligt f.eks. vha. css at undgå at et billedlink
får den blå / lilla link standardfarve?

Eller er der en anden måde at sætte en billedramme
med en bestemt farve - f.eks. vha. < div > ?

F.eks. som:

< div style="border: 1px solid #000000; width:x-antal px;" >
< img src=......... />
< /div>


På forhånd tak.


Med venlig hilsen
Martin

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (11-10-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 11-10-05 15:22

Martin skrev:

>Er det muligt f.eks. vha. css at undgå at et billedlink
>får den blå / lilla link standardfarve?

img {border: none}

>Eller er der en anden måde at sætte en billedramme
>med en bestemt farve - f.eks. vha. < div > ?

Ja, som du prøver i dit eksempel.

Kan også sættes på img, hvis du foretrækker det.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Martin Ploug (11-10-2005)
Kommentar
Fra : Martin Ploug


Dato : 11-10-05 18:01

> img {border: none}

> Ja, som du prøver i dit eksempel.
> Kan også sættes på img, hvis du foretrækker det.

Til Knud

Tak for dit svar.


Jeg vil gerne have en ramme omkring billedet, men
det skal ikke være standardfarverne blå / lilla.

Nu har jeg lavet det som nedenstående, og det ser ud til
at fungere.

<table width="600" border="0" align="center">

<tr>

<td>

<div style="width:600px;height:80px;border: 1px solid
#000000;margin-left:auto;margin-right:auto;">
<a href="#"><img src="billede.gif" border="0" alt="banner"/></a></div>

</td>

</tr>

</table>

Jeg ved ikke, om der er andre mere elegante eller smartere måder at gøre det
på?


- Martin







Erik Ginnerskov (11-10-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 11-10-05 23:27

Martin Ploug wrote:

> Jeg vil gerne have en ramme omkring billedet, men
> det skal ikke være standardfarverne blå / lilla.

> Jeg ved ikke, om der er andre mere elegante eller smartere måder at
> gøre det på?

I css:

a:link img, a:visited img, a:active img {
border: 1px solid #000;
}

a:hover img {
border 1px solid #f00;
}

Og i html:

<a href="#"><img src="billede.gif" border="0" alt="banner"/></a>

Det giver en sort border på billedlinks, indtil musen kommer ind over, så
bliver border rød, indtil musen fjernes.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Michael Schrøder (12-10-2005)
Kommentar
Fra : Michael Schrøder


Dato : 12-10-05 08:16

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:434c3c3c$0$49014$14726298@news.sunsite.dk...

>> Jeg vil gerne have en ramme omkring billedet, men
>> det skal ikke være standardfarverne blå / lilla.
>
> I css:
>
> a:link img, a:visited img, a:active img {
> border: 1px solid #000;
> }

Er det ikke det samme som at skrive:
a img {
border: 1px solid #000;
}

> a:hover img {
> border 1px solid #f00;
> }
>
> Og i html:
>
> <a href="#"><img src="billede.gif" border="0" alt="banner"/></a>

mvh Michael



Jens Gyldenkærne Cla~ (12-10-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 12-10-05 13:55

Michael Schrøder skrev:

>> a:link img, a:visited img, a:active img {
>> border: 1px solid #000;
>> }

> Er det ikke det samme som at skrive:
> a img {
> border: 1px solid #000;


Næsten - men ikke helt. Hvis du laver et gammeldags anker:

   <a name="foo"><img src="foo.png" alt="foobar" /></a>

- vil den få en kant med dit forslag, men ikke med Eriks.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Martin Ploug (12-10-2005)
Kommentar
Fra : Martin Ploug


Dato : 12-10-05 23:13

>I css:

>a:link img, a:visited img, a:active img {
>border: 1px solid #000;
>}

>a:hover img {
>border: 1px solid #f00;
>}


Det ser ud til at virke fint, men er der noget med, at det ikke
kan skrives som en inline?
Eller hvordan skulle den i så fald se ud?

Jeg arbejder i et et område, hvor jeg ikke umiddelbart har
adgang til < head > eller den eksterne css, og ville gerne
kunne skrive det som inline, hvis det er muligt.

Tak.

Med venlig hilsen
Martin



Knud Gert Ellentoft (12-10-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-10-05 23:19

Martin Ploug skrev:

>>I css:
>
>>a:link img, a:visited img, a:active img {
>>border: 1px solid #000;
>>}
>
>>a:hover img {
>>border: 1px solid #f00;
>>}
>
>
>Det ser ud til at virke fint, men er der noget med, at det ikke
>kan skrives som en inline?

Såfremt at linket skal opføre sig ens uanset det er ved visited
eller hover eller ej, så kan du godt, ellers ikke.

<a href="foo.htm"><img style="border: 1px solid #000"
src="billed.jpg" width="100" height="150" alt="alttekst"></a>

--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Martin Ploug (14-10-2005)
Kommentar
Fra : Martin Ploug


Dato : 14-10-05 17:43

> Såfremt at linket skal opføre sig ens uanset det er ved visited
> eller hover eller ej, så kan du godt, ellers ikke.
>
> <a href="foo.htm"><img style="border: 1px solid #000"
> src="billed.jpg" width="100" height="150" alt="alttekst"></a>

Ok, mange tak.

Hilsen Martin



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

Månedens bedste
Årets bedste
Sidste års bedste