|
| Billeder - undgå mellemrum Fra : Martin Ploug |
Dato : 10-10-11 14:36 |
|
Hej
Når man indsætter to eller flere billeder under hinanden,
kommer der et hvidt mellemrum imellem hvert billede.
Er der en smart og "rigtig" måde at løse det på?
Jeg har prøve at tilføje padding:0px; og margin:0px;
i image tag'ene, men det ændrer ikke noget.
Venlig hilsen
Martin
| |
Karl Erik Christense~ (10-10-2011)
| Kommentar Fra : Karl Erik Christense~ |
Dato : 10-10-11 14:44 |
|
On 10-10-2011 15:36, Martin Ploug wrote:
> Hej
>
> Når man indsætter to eller flere billeder under hinanden,
> kommer der et hvidt mellemrum imellem hvert billede.
> Er der en smart og "rigtig" måde at løse det på?
>
> Jeg har prøve at tilføje padding:0px; og margin:0px;
> i image tag'ene, men det ændrer ikke noget.
>
> Venlig hilsen
> Martin
Hvordan indsætter du "under hinanden"?
Karl Erik.
--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign
| |
Rune Jensen (10-10-2011)
| Kommentar Fra : Rune Jensen |
Dato : 10-10-11 07:55 |
|
On 10 Okt., 06:36, Martin Ploug <mpl...@pc.dk> wrote:
> Jeg har prøve at tilføje padding:0px; og margin:0px;
> i image tag'ene, men det ændrer ikke noget.
Lad os se koden -> giv et link til dine forsøg.
MVH
Rune Jensen
| |
scootergrisen (10-10-2011)
| Kommentar Fra : scootergrisen |
Dato : 10-10-11 15:36 |
|
> Når man indsætter to eller flere billeder under hinanden,
> kommer der et hvidt mellemrum imellem hvert billede.
> Er der en smart og "rigtig" måde at løse det på?
Hvis du vil have det som inline :
img{
vertical-align:bottom;
}
Hvis du vil have det som block :
img{
display:block;
}
| |
Martin Ploug (10-10-2011)
| Kommentar Fra : Martin Ploug |
Dato : 10-10-11 16:02 |
|
Den 10-10-2011 16:35, scootergrisen skrev:
>> Når man indsætter to eller flere billeder under hinanden,
>> kommer der et hvidt mellemrum imellem hvert billede.
>> Er der en smart og "rigtig" måde at løse det på?
>
> Hvis du vil have det som inline :
>
> img{
> vertical-align:bottom;
> }
>
> Hvis du vil have det som block :
>
> img{
> display:block;
> }
Mange tak for hjælpen.
vertical-align:bottom; i img-tag'et gjorde tricket.
Eksempel:
<img src="billede1.jpg" style="vertical-align:bottom;" /><br>
<img src="billede2.jpg" />
| |
Karl Erik Christense~ (10-10-2011)
| Kommentar Fra : Karl Erik Christense~ |
Dato : 10-10-11 17:25 |
|
On 10-10-2011 17:01, Martin Ploug wrote:
> Mange tak for hjælpen.
>
> vertical-align:bottom; i img-tag'et gjorde tricket.
>
> Eksempel:
>
> <img src="billede1.jpg" style="vertical-align:bottom;" /><br>
> <img src="billede2.jpg" />
Det er en løsning du bliver glad for
Især hvis du på et tidspunkt vil have tekst under et billede.
Karl Erik.
--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign
| |
|
|