|
|
 |
|
|
|
HTML Bilder/Grafik : JUSTERINGAR
|
Du kan justera bilder till text, genom följande kommandon:
- default justerar bilden genom webläsarens grundinställningar. Detsamma som baseline.
- left justerar bilden vid den vänstra marginalen och inbäddar texten som hör till bilden.
- right justerar bilden vid den högra marginalen och inbäddar texten som kommer före bilden.
- top justerar toppen av bilden i förhållande till den omkringliggande texten.
- texttop justerar toppen av bilden i förhållande till den översta texten i linjen.
- middle justerar mitten av bilden i förhållande till den omkringliggande texten.
- absmiddle justerar bilden i förhållande till den aktuella linjen.
- baseline justerar bilden i förhållande till den aktuella linjens baseline
- bottom justerar nederkanten av bilden i förhållande till den kringliggande texten.
- absbottom justerar bilden i förhållande till den aktuella linjens nederkant.
- center justerar bildens mitt i förhållande till den omkringliggande texten.
I Tabellen nedanför kan du se exempel på de olika vertikala justeringarna, som det är möjligt att göra med bilderna.
Noten  i exemplen är bara där för att visa hur den runda symbolen  påverkas av andra bilder på samma linje.
Det betyder, att justeringarna som visas i exemplet är gjorda för den runda symbolen och inte för noten.
|
HTML KOD | EXEMPEL
| | <img src="rainbow.gif" align="texttop"> |
bla bla bla bla
| | <img src="rainbow.gif" align="top"> |
bla bla bla bla
| | |
| | <img src="rainbow.gif" align="middle"> |
bla bla bla bla
| | <img src="rainbow.gif" align="absmiddle"> |
bla bla bla bla
| | |
| | <img src="rainbow.gif" align="bottom"> |
bla bla bla bla
| | <img src="rainbow.gif" align="absbottom"> |
bla bla bla bla |
<img src="rainbow.gif" align="baseline"> |
bla bla bla bla
|
|
|
| |
|
KURSER 
