WN - Det blir inte som jag vill!

Sidan 1 av 3

Visa 40 inlägg från det här ämnet på en sida

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Det blir inte som jag vill! (https://www.wn.se/forum/showthread.php?t=14977)

JeZZifelt

2006-07-07 21:36

I style.css content så har jag följande kod:

Kod:

#content a {

         color: #2AA4CF;

         text-decoration: none;

         border-bottom: 1px dashed #9DC916;        

         font-weight: bold;

         

 }

 

 #content a:hover{

         color: #9DC916;

         text-decoration: none;

         border-bottom: 1px dashed #2AA4CF;        

         font-weight: bold;        

 }

Sedan så har jag några bilder som länkar men jag vill inte ha en linje under bilden. Jag har testat massvis med olika sätt men inget har fungerat. Hur gör jag?

koala

2006-07-08 00:13

kanske

Kod:

#content a img { border:0;}

JeZZifelt

2006-07-08 16:08

Funkar inte tyvärr

elofsson

2006-07-08 17:45

Kan inte komma på någon annan lösning än att sätta "border: 0;" i a-taggen för varje bildlänk. Men det kanske är omständigt?

Kod:

<a href="link.html" style="border: 0;"><img src="img.gif"></a>

Blackex

2006-07-08 18:28

Citat:

Originally posted by JeZZifelt@Jul 7 2006, 21:36
Sedan så har jag några bilder som länkar men jag vill inte ha en linje under bilden. Jag har testat massvis med olika sätt men inget har fungerat. Hur gör jag?

Kanske detta fungerar?

Kod:

#content a img {

         border-bottom: 0px;

}

JeZZifelt

2006-07-08 20:08

Citat:

Originally posted by elofsson@Jul 8 2006, 17:45
Kan inte komma på någon annan lösning än att sätta "border: 0;" i a-taggen för varje bildlänk. Men det kanske är omständigt?

Kod:

<a href="link.html" style="border: 0;"><img src="img.gif"></a>

Tack det fungerade. Nej då det blir inte för omständigt. Det verkar ju som att det inte finns något annat alternativ för jag har testat det mesta. Tack än en gång! :)

martine

2006-07-09 03:51

koala och Blackex:

a img { border: none; }

fungerar förstås inte eftersom border-bottom är satt på ankarelementet, a, och inte på bilden, img.
(och eftersom det inte finns något css-sätt att styra bakåt i precision, typ a<img, så går det inte att göra på något smidigt sätt) Att sätta en class="medbild" på <a> eller liknande är nog smidigast. Då kan man ju i alla fall styra upp ett konsekvent beteende för alla bildlänkar med:

a#medbild { border: none; } /* bildlänkar */
a { border-bottom: 1px solid red; }

martine

2006-07-09 06:25

Citat:

Originally posted by martine
a#medbild { border: none; } /* bildlänkar */

Ska förstås vara a.medbild eftersom det är en class...

guran

2006-07-09 18:04

Jag skulle skriva:

#content a.bild {border: none;}

<a class="bild" ...>

jimmie

2006-07-09 18:08

jag skulle skriva

img {
border: 0px;
}

Hur ofta vill man liksom ha en border på en bild man länkar?

Alla tider är GMT +2. Klockan är nu 12:54.

Sidan 1 av 3

Visa 40 inlägg från det här ämnet på en sida