Kuvien laittaminen riviin (pieni vinkki).

  • Julkaistu: 17.06.2006
  • Kategoria:
  • Kommentointi suljettu. (1)

Tässäpä kuuman kesäillan herkullinen vinkki: img-elementtien laittaminen ruotuun onnistuu yksinkertaisimmillaan näin:

img {
    display: inline;
     }

Yllä näkyvä esimerkki on pieni CSS-taika, jonka avulla saadaan laitettua kaikki nettisivulla näkyvät img-palaset riviin, ellei jokin toinen CSS-komento toisin käske.

Jos halutaan laittaa riviin kaikki sellaiset kuvat (img), jotka ovat div-palikan sisällä, on CSS-komento oleva tämmöinen:

div img {
    display: inline;
     }

Homman voi todeta todeksi käymällä demosivua katsomassa.

Tagit: , ,

  1. Gocom kirjoitti 694 päivää sitten:

    Hienon väriset kuvat, ne sopii oudosti yhteen vaikka on kuin yö ja päivä. :D

Tämän julkaisun kommentointi on suljettu.

Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 1 kommenttia. Tämä artikkeli on lokeroitu kategoriaan . Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2006/06/17/kuvien-laittaminen-riviin-pieni-vinkki.

Blogmaster:
Petri Ikonen, petri.ikonen@kuopassa.com, www.kuopassa.com