Permalänk
Medlem

Hjälp med css och html

Sitter och leker med en polaroid kod som jag har hittat på nätet:
http://www.paulund.co.uk/create-polaroid-image-with-css

så här långt har jag kommit:
http://spearstats.com/public/polaroid/polaroid.html

Skulle vilja lägga in två små bilder som länkar vidare (bild1/bild2) under varje stor bild:

Får inte rätt med det, små bilderna hamnar längst ut till höger, hur gör man?

Visa signatur

ʕ•͡ᴥ•ʔ

Permalänk

Försöker förstå mig på exakt vad du vill ha gjort, vill du ersätta texten bild1 och bild2 med bilder?

Visa signatur

CPU: i7-6700k @ 4,0Ghz GPU: Asus GTX 980 STRIX 4GB DDR5
Mobo: ASUS Z170-A - ATX / Z170 / DDR4 / 1151
RAM: Corsair Vengeance LPX 16GB DDR4 / 2666MHz
SSD: 2x120gb Samsung 850 EVO 120GB
Låda: Fractal Design Define R5 - Black Pearl

Permalänk
Medlem
Skrivet av Wollbro90:

Försöker förstå mig på exakt vad du vill ha gjort, vill du ersätta texten bild1 och bild2 med bilder?

Så här ser det ut nu

Skulle vilja ha de små bilderna under i stället.

Visa signatur

ʕ•͡ᴥ•ʔ

Permalänk
Medlem

Byt ut :after mot :before och ta bort position samt top.

.polaroid-images a:before { color: #333; font-size: 20px; content: attr(title); }

Alternativt behåll position och sätt bottom 5px istället för top 15px för att snygga till det lite.