WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Underline color i länk (https://www.wn.se/forum/showthread.php?t=1040236)

annahelin 2010-01-28 12:03

Underline color i länk
 
Hej!

Jag vill skapa en underline color i länkarna. Underline color ska inte vara samma färg som textcolor och jag vill inte använder border bottom. Går det att lösa på något annat sätt?

StefanBergfeldt 2010-01-28 12:09

Tveksamt...

tartareandesire 2010-01-28 12:38

Du kan lägga en span innanför länken. Varför vill du inte använda border?

Kimpo 2010-01-28 21:24

precis som tartar säger kan du nästla in en span i länken. gör så här:

<a href="#"><span class="link">This is a Link</span></a>

styles:

a{text-decoration:underline;color:pink;}
span.link{color:green;}

Kimpo 2010-01-28 21:24

color: pink står det där smileyn hamnade :)

Cosma 2010-01-28 22:28

Varför inte använda border-bottom?

border-bottom: 1px solid #000;
color: #fff;

tartareandesire 2010-01-29 14:51

Citat:

Ursprungligen postat av Cosma (Inlägg 20340794)
Varför inte använda border-bottom?

border-bottom: 1px solid #000;
color: #fff;

Hon skrev i det inledande inlägget att hon inte ville använda border av någon anledning :)

annahelin 2010-01-29 15:03

Jag får använda border om inget annat finns men jag hoppades på att det fanns något smart kommando som gick att skriva in i CCSfilen:)

StateCollapse 2010-01-30 01:04

Ett alternativ är ju att använda en bild som bakgrund som är en linje på 1px höjd.

BjörnJ 2010-01-30 06:41

Citat:

Ursprungligen postat av StateCollapse (Inlägg 20340908)
Ett alternativ är ju att använda en bild som bakgrund som är en linje på 1px höjd.

Det tycker inte jag är ett alternativ. Man ska inte använda bilder för något som kan lösas med enkel kod. Det är lite som om man idag skulle använda en 1x1px transparent bild för att skapa avstånd. I det här fallet skulle det väl dessutom vara lite krångligare att lösa det med en bild. Men visst, det skulle fungera att göra så.


Alla tider är GMT +2. Klockan är nu 11:59.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson