Det er sådan så man meget nemt står med et probel med at man gerne vil lave lidt lækre detaljer omkring sine billeder. En meget simpel kan være en border, men man kan ikke få den til at følge hele vejen rundt fordi i bunden kommer der et stort mellemrum.
Som man kan se på følgende eksempel: http://jsfiddle.net/YwBSL/2/
Det viser sig det er fordi at et billede fra standart renderes som om den var et bogstav (altså inline), hvilket giver lidt mellemrum i bunden fordi når bogstaver som "j,g,p" etc. så kommer de under linien og der er derfor behov for tage hånd om dette.
Dette gøres med "vertical-align: top", på det billede der skal gøres noget ved.
Det kan også løses ved at bruge "float: left;" på billedet.
Se resultatet her: http://jsfiddle.net/YwBSL/3/
Ingen kommentarer:
Send en kommentar
Kan du lide mit indlæg, har en kommentar, forslag eller andet på hjerte så skriv venligst