[Løst] HTML- Hvordan plassere bilder ved siden av hverandre?

[VH97]

Hei.

 

Noen her som har litt mer peiling på HTML, som kan hjelpe med dette spørsmålet? Hvordan kan man plassere bilder ved siden av hverandre, sitter helt fast. Bildene "vil" ikke ved siden av hverandre. Takker for svar.

 

Kan gjerne skrive koden til slideshow også om det er noen her som kan den.

[j--]

Bilder vil legge seg inntil hverandre om to bilder i bredden ikke er bredere enn skjermflaten din.

<img src="...." /><img src="....." /><img src="....." />

[VH97]

Tror kanskje jeg glemte en ting, hvordan man kan lage et selvbestemt mellomrom, slik at bildet holder seg på samme linje som ytterste kant på menybaren.

[VH97]

Klarte å finne ut av det. Til flere som skulle lure på noe slikt, brukte jeg koden "hspace="3.

[ahw_]

Klarte å finne ut av det. Til flere som skulle lure på noe slikt, brukte jeg koden "hspace="3.

Husk at hspace ikke støttes med HTML5; bli derfor ikke vant til å bruke hspace. Alternativet er å bruke CSS, f.eks. noe som dette:

 

HTML

<div class="container">
    <img src="http://i.stack.imgur.com/FrgFC.png" /><img src="http://i.stack.imgur.com/FrgFC.png" /><img src="http://i.stack.imgur.com/FrgFC.png" />
</div>

CSS

.container img + img {
    margin-left: 3px;
}

Live eksempel: http://jsfiddle.net/9p3e14t9/

 

Koden over kan forbedres, men det kan være bra nok for deg.

Endret 30. oktober 2014 av ahw_