---
title: "Ta bort border under bild som är länk?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132469-ta-bort-border-under-bild-som-är-länk"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-08-09T10:45:27.000Z"
updated: "2005-08-16T12:30:47.000Z"
replies: 23
views: 1007
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/132469-ta-bort-border-under-bild-som-är-länk"
---
# Ta bort border under bild som är länk?
_Sida 1 av 2._
## #1 — maqe, 2005-08-09T10:45Z
När jag lägger in en länk så väljer jag att skriva ut en ikon framför länken som visar vilket format dokumentet har som jag länkar in. Ikonen tillhör länken och under alla mina länkar har jag understrykning men under ikonen skulle jag vilja ta bort bordern. hur gör jag för att komma åt en img som är en länk?
Permalänk: https://www.webforum.nu/p/132469
## #2 — dectgap, 2005-08-09T10:47Z
```
a img { border: 0 none; }
```
Permalänk: https://www.webforum.nu/p/1655004
## #3 — maqe, 2005-08-09T10:57Z
> **dectgap skrev:**
>
> ```
> a img { border: 0 none; }
> ```
Den verkar inte hugga det där.
Såhär ser min länk ut när jag kollar source på den.
```
```
Permalänk: https://www.webforum.nu/p/1655006
## #4 — icaaq, 2005-08-09T11:30Z
```
HTML:
CSS:
a:link.foo{
background: url(/ImageVault/Images/id_63/scope_1024/ImageVaultHandler.aspx) no-repeat 0 50%;
padding-left: 15px; /*Testa dig fram vilken padding du behöver här */
}
```
mv icaaq
Permalänk: https://www.webforum.nu/p/1655014
## #5 — maqe, 2005-08-09T12:02Z
> **icaaq skrev:**
>
> ```
>
> HTML:
>
>
> CSS:
> a:link.foo{
> background: url(/ImageVault/Images/id_63/scope_1024/ImageVaultHandler.aspx) no-repeat 0 50%;
> padding-left: 15px; /*Testa dig fram vilken padding du behöver här */
> }
> ```
>
>
>
> mv icaaq
Denna lösning fungerar inte för mig, jag har ingen möjlighet att påverka hur länken skrivs ut då allt detta sker i ett CMS verktyg. Länken måste se ut som den gör men jag vill få bort strecket under ikonen bara.
Permalänk: https://www.webforum.nu/p/1655022
## #6 — silfver, 2005-08-09T12:04Z
```
a img {border: none;}
```
Eller så kan du väl skriva \[kod\]border: 1px solid #fff;\[/kodEller vad du nu använder för bakgrundsfärg. :) Så har du border ändå, bara att den inte syns...
Permalänk: https://www.webforum.nu/p/1655023
## #7 — maqe, 2005-08-09T12:11Z
> **silfver skrev:**
>
> ```
> a img {border: none;}
> ```
>
> Eller så kan du väl skriva \[kod\]border: 1px solid #fff;\[/kodEller vad du nu använder för bakgrundsfärg. :) Så har du border ändå, bara att den inte syns...
Men det borde fungera tycker du alltså? Händer ingenting när jag gör så ?
Permalänk: https://www.webforum.nu/p/1655025
## #8 — Insider, 2005-08-09T12:13Z
Ramen runt bilden går ju att få bort, men understrecket under länken ligger ju kvar och länken inkluderar ju bilden, så du får trixa med marginalerna istället:
```
Test
```
Permalänk: https://www.webforum.nu/p/1655027
## #9 — Helmertz, 2005-08-09T12:16Z
```
a img{
text-decoration: none;
}
```
?
Permalänk: https://www.webforum.nu/p/1655029
## #10 — maqe, 2005-08-09T13:03Z
> **Insider skrev:**
>
> Ramen runt bilden går ju att få bort, men understrecket under länken ligger ju kvar och länken inkluderar ju bilden, så du får trixa med marginalerna istället:
>
>
> ```
> "http://www.w3.org/TR/html4/strict.dtd">
>
>
> Test
>
>
>
>
>
>
>
> ```
Med [Denna](http://member.webforum.nu/6596/test.html) kod får jag fortfarande ett litet streck under min bild?
Permalänk: https://www.webforum.nu/p/1655074
## #11 — Insider, 2005-08-09T13:18Z
Det är för att du satt en border-bottom på a{}.
Ta bort den. Vill du inte ha ett vanligt understreck för länken kan du använda en bakgrundsbild. Ex:
```
a
{
text-decoration:none;
background: transparent url(link_bg.jpg) repeat-x 100% 100%;
}
```
Permalänk: https://www.webforum.nu/p/1655082
## #12 — maqe, 2005-08-10T10:50Z
> **Insider skrev:**
>
> Det är för att du satt en border-bottom på a{}.
> Ta bort den. Vill du inte ha ett vanligt understreck för länken kan du använda en bakgrundsbild. Ex:
>
>
> ```
> a
> {
> text-decoration:none;
> background: transparent url(link_bg.jpg) repeat-x 100% 100%;
> }
> ```
Det funkar ju bara skapligt att ha background som border, blir det en radbrytning i länken så funkar det ju inte?
Permalänk: https://www.webforum.nu/p/1655463
## #13 — maqe, 2005-08-10T11:07Z
kan ha varit för att jag satt background på en \ kankse :)
Permalänk: https://www.webforum.nu/p/1655482
## #14 — maqe, 2005-08-10T11:28Z
Funkade inte för det märkte jag nu
Permalänk: https://www.webforum.nu/p/1655495
## #15 — icaaq, 2005-08-10T11:40Z
Det vore lite lättare att hjälpa dig om du kunde lägga upp en länk med relevant kod. :)
mv icaaq
Permalänk: https://www.webforum.nu/p/1655501
## #16 — maqe, 2005-08-10T12:07Z
fortfarande koden som ligger i mitt första inlägg i denna tråd.
Här är den [igen](http://member.webforum.nu/6596/test.html)
Permalänk: https://www.webforum.nu/p/1655515
## #17 — icaaq, 2005-08-10T12:13Z
```
span div a
{
text-decoration: underline;
background: url(bild.gif) no-repeat 0 50%;
padding: 4px 0 4px 25px;
}
a img{
display: none;
}
```
mv icaaq
Permalänk: https://www.webforum.nu/p/1655523
## #18 — icaaq, 2005-08-10T12:15Z
Men du får inte ha en div(block-element) inuti en span(inline-element) så du får ta bort den om du ska validera sidan ;)
mv icaaq
Permalänk: https://www.webforum.nu/p/1655525
## #19 — maqe, 2005-08-10T12:19Z
Hm jag får nog göra på nått annat sätt eller skippa understrykningar. Jag kan inte göra något åt koden jag skall ändra med css. mao jag kan inte flytta ut ikonen till css:en istället. All den koden måste vara intakt som den är nu men jag vill inte ha någon border under ikonen. Dock verkar det inte som att det går eftersom bilden tillhör länken. och jag kan inte påverkas länkens border enbart under bilden.
Permalänk: https://www.webforum.nu/p/1655528
## #20 — maqe, 2005-08-10T12:21Z
> **icaaq skrev:**
>
> Men du får inte ha en div(block-element) inuti en span(inline-element) så du får ta bort den om du ska validera sidan ;)
>
> mv icaaq
Det är episerver tillsammans med ett plugin "imagevault" som gör den där koden så jag kan inte påverka den. Man får leva med att det är lite fel när man skall validera när man inte har någon möjlighet att påverka koden som kommer ut
Permalänk: https://www.webforum.nu/p/1655529
---
Tråden på webben: https://www.webforum.nu/amne/html-css/132469-ta-bort-border-under-bild-som-är-länk
Nästa sida: https://www.webforum.nu/amne/html-css/132469-ta-bort-border-under-bild-som-är-länk/page2.md
EPiServer4.50
sdafsdf