---
title: "Ta border alla kanter på bilder i en <div>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185969-ta-border-alla-kanter-på-bilder-i-en-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "patrikdanielsso"
published: "2011-02-02T08:58:40.000Z"
updated: "2011-02-08T22:17:39.000Z"
replies: 6
views: 1472
page: 1
pages: 1
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/185969-ta-border-alla-kanter-på-bilder-i-en-div"
---

# Ta border alla kanter på bilder i en <div>

## #1 — patrikdanielsso, 2011-02-02T08:58Z

Hur gör man för att ta bort alla kanter (borders) i bilder som finns i en \<div\>?

Permalänk: https://www.webforum.nu/p/185969

## #2 — voigtann1, 2011-02-02T09:30Z

med CSS:

```
div img {border: 0}
```

Permalänk: https://www.webforum.nu/p/2267329

## #3 — patrikdanielsso, 2011-02-02T09:36Z

Tack! Om man vill koppla den till en speciell typ av div, skriver man då div.namn img {}?

Permalänk: https://www.webforum.nu/p/2267330

## #4 — voigtann1, 2011-02-02T09:37Z

precis om du har en klass på den, # om det är ett id (och då kan du skippa skriva div).

Permalänk: https://www.webforum.nu/p/2267331

## #5 — patrikdanielsso, 2011-02-02T10:00Z

Jag tror inte att jag förklarade riktigt vad mitt problem är.

Jag har en div som heter \<div id="forum"\> och däri har jag ett antal bilder som länkar.

Dom "vanliga länkarna" har jag satt så här:

```
a {color:#4a4a4a; text-decoration:none; border-bottom:1px solid black;}
a:visited {color:#4a4a4a; text-decoration:none; border-bottom:1px solid black;}
a:hover {color:#4a4a4a; text-decoration:none; border-bottom:1px solid red;}
```

Det blir då så att det kommer en svart kant under alla bilder som är länkar, och jag provade ditt trick, men dom försvinner ändå inte.

Hur anger man att alla bilder som är länkar i divtaggen forum ska vara utan detta?

Permalänk: https://www.webforum.nu/p/2267334

## #6 — voigtann1, 2011-02-02T10:06Z

Det är ju inte bilden som har bordern, det är ju a-elementet runt bilden.

```
#forum img {border:0}
```

Är korrekt, men du få sätta en CSS klass på alla länkar som har bilder och sätta dess border till 0 vid hover och a

```
<a href="#" class="image"><img .../></a>
```

och köra:

```
.image, .image:hover, .image img {border: 0}
```

Permalänk: https://www.webforum.nu/p/2267337

## #7 — Palle, 2011-02-08T22:17Z

Om du bara vill ha bort ramen som blir runt bilder som är länkade så räcker det med följande. :) 

```
img {border:0}
```

Permalänk: https://www.webforum.nu/p/2267658

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185969-ta-border-alla-kanter-på-bilder-i-en-div