kuinka kirjoitan tekstiä kuvan viereen.. kun liitän kuvan tekstiin alkaa teksti sieltä kuvan vierestä ihan alhaalta, mutta kuinka siis saan tekstin alkamaan sieltä kuvan vierestä ylhäältä?
Huono selitys joten "piirretäänpä kuva"
________
l............l
l............l
l________l teksti alkaa täältä
________
l............l tekstin pitäisi
l............l alkaa ylhäältä
l________l asti, mutta kuinka?
Huono selitys joten "piirretäänpä kuva"
________
l............l
l............l
l________l teksti alkaa täältä
________
l............l tekstin pitäisi
l............l alkaa ylhäältä
l________l asti, mutta kuinka?
Vastaukset 4
Vanhimmat
CSS:llä. Esim "kelluttamalla"(float) kuvaa. Yksinkertaisimmillaan siis jotenkin näin:
CSS:
img.vasen {
float: left;
}
Ja HTML:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed faucibus scelerisque mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec purus nibh, tempor sit amet, feugiat vitae, venenatis et, nisl.
Esimerkki tuosta löytyy osoitteesta: http://yojih.net/csslayout/
Entäs ihan img-tagin attribuutilla:
?
Tilaa kuvan ympärille saa näin:
; hspace on kuvan oikealle ja vasemmalle puolelle jäävä tila pikseleinä ja vspace kuvan ylä- ja alapuolelle jäävä tila.
:) Joo, voi olla. Henk. kohtaisesti olen luopunut inline-tyyleistä sekä siirtynyt käytännössä kokonaan XHTML:n.
Kannattaa käydä lukee www.w3.org:ssa mitä kaikkia attribuutteja on. Siellä ne on selostettu aivan selvästi. Kannattaa myös opetella tuo css - ihan vaan vinkkinä.