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