---
title: "pdf - icon"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183593-pdf-icon"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "rakatoner"
published: "2010-05-25T06:46:47.000Z"
updated: "2010-05-25T08:17:33.000Z"
replies: 8
views: 675
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/183593-pdf-icon"
---

# pdf - icon

## #1 — rakatoner, 2010-05-25T06:46Z

Hur  får jag  den  lilla  pdf  iconen  ?
\- så slipper jag skriva - klicka här  pdf -fil...det är ju inte så snyggt!

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

## #2 — voigtann1, 2010-05-25T07:10Z

Spara den bild du vill ha, placera den som en bakgrund med CSS på en css-klass exempelvis(eller om du bara ta hänsyn till lite bättre webbläsare med stöd för att kolla attribut på element och vad som slutar med .pdf i ditt fall).

Vad menar du med att du skall slippa skriva?

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

## #3 — rakatoner, 2010-05-25T07:42Z

Vad jag vill ha är just  den lilla  iconen  som visar att det är en pdf och  vill slippa  skriva så här : - till vänster - Svärmfångarlista 2010 -

<http://biodlinguppsala.se/lankar.html>

...förstår nog inte riktigt ..eller alls vad  jag ska göra  o hur får jag tag i iconen ?
har  du en kod till CSS mottages det  tacksamt!

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

## #4 — Danne V, 2010-05-25T07:46Z

> **[rakatoner skrev:](https://www.webforum.nu/p/1505663)**
>
> Vad jag vill ha är just  den lilla  iconen  som visar att det är en pdf och  vill slippa  skriva så här : - till vänster - Svärmfångarlista 2010 -
> 
> <http://biodlinguppsala.se/lankar.html>
> 
> ...förstår nog inte riktigt ..eller alls vad  jag ska göra  o hur får jag tag i iconen ?
> har  du en kod till CSS mottages det  tacksamt!

<http://www.google.com/images?q=pdficon&hl=en&prmd=i&source=lnms&tbs=isch:1&ei=1X_7S_zZMMSQOI3qudQB&sa=X&oi=mode_link&ct=mode&ved=0CAoQ_AU>
Bara att plocka den du vill ha. Lägg in den som bildoch gör bilden som en länk.
Men det är ju onekligen en pedagogisk fördel att ha en förklarande text också....

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

## #5 — voigtann1, 2010-05-25T07:55Z

> **[rakatoner skrev:](https://www.webforum.nu/p/1505663)**
>
> Vad jag vill ha är just  den lilla  iconen  som visar att det är en pdf och  vill slippa  skriva så här : - till vänster - Svärmfångarlista 2010 -
> 
> <http://biodlinguppsala.se/lankar.html>
> 
> ...förstår nog inte riktigt ..eller alls vad  jag ska göra  o hur får jag tag i iconen ?
> har  du en kod till CSS mottages det  tacksamt!

```
.cssClassForPDF {
background: url(image) no-repeat 0% 50%;
display: inline-block;
padding-left: 16px /* same size as the image + a bit more padding */
}
```

 Exempel: <http://voigt.se/sandbox/wf/link-css/>

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

## #6 — MacWitty, 2010-05-25T07:58Z

Adobe tillhandahåller två pdf-ikoner <http://www.adobe.com/misc/linking.html#pdficon>
Inte de häftigaste vi sett men ...

CSS-sättet är säkert mest rätt annars kan man lägga upp bilden och länka till pdf-dokumentet

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

## #7 — MacWitty, 2010-05-25T08:01Z

> **[Danne V skrev:](https://www.webforum.nu/p/1505664)**
>
> <http://www.google.com/images?q=pdficon&hl=en&prmd=i&source=lnms&tbs=isch:1&ei=1X_7S_zZMMSQOI3qudQB&sa=X&oi=mode_link&ct=mode&ved=0CAoQ_AU>
> Bara att plocka den du vill ha. Lägg in den som bildoch gör bilden som en länk.
> Men det är ju onekligen en pedagogisk fördel att ha en förklarande text också....

Nja, ikoner lär var små men man kan väl inte bara plocka som man vill. Upphovsrätt? Kommersiella ikonpaket?

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

## #8 — rakatoner, 2010-05-25T08:15Z

Tack alla  ovan ! Instämmer  att  förklarande text  kan vara  pedagogiskt ..  men den ser bättre ut  bredvid iconen- tack för länkar  o nu blir det svårt att  välja  vem som får kredit för lösning..men  koden blir den som avgår  med segern !

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

## #9 — Danne V, 2010-05-25T08:17Z

> **[MacWitty skrev:](https://www.webforum.nu/p/1505667)**
>
> Nja, ikoner lär var små men man kan väl inte bara plocka som man vill. Upphovsrätt? Kommersiella ikonpaket?

Nä, ingen upphovsrätt på dom där. Tillhör "public domain".

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183593-pdf-icon