EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER HTML BILLEDER     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

HTML BILLEDER

INTRODUKTION


GIF&JPG-BILLEDER


INDSÆTTELSE I HTML


BILLED STØRRELSE


BILLED RAMMER


ALTERNATIV TEKST


LUFT OMKRING


JUSTERING AF


TEKST OMKRING

HTML billeder :
JUSTERING

Du kan opstille dine billeder i henhold til teksten omkring dem ved at bruge nedenstående opstillinger:

  • default justerer billedet ved at bruge web-browserens default indstillinger. Som baseline.

  • left justerer billedet ved den venstre margen og omkranser teksten, som følger billedet.

  • right justerer billedet ved den højre margen og omkranser teksten, som kommer før billedet.

  • top justerer toppen af billedet i forhold til den omkringstående tekst.

  • texttop justerer toppen af billedet i forhold til toppen af den højeste tekst i linien.

  • middle justerer midten af billedet i forhold til den omkringstående tekst.

  • absmiddle justerer billedet i forhold til midten af den aktuelle linie.

  • baseline justerer billedet i forhold til den aktuelle linies baseline.

  • bottom justerer bunden af billedet i forhold til den omkringstående tekst.

  • absbottom justerer billedet i forhold til den aktuelle linies bund.

  • center justerer billedets center i forhold til den omkringstående tekst.

I tabellen nedenfor kan du se eksempler på de forskellige vertikale justeringer, det er muligt at lave med et billede.

Noten node.gif i eksemplerne er kun til stede for at vise, hvordan det runde symbol rainbow.gif påvirkes af billeder på samme linie.

Det betyder, at justeringerne vist i eksemplerne sker i henhold til det runde symbol og ikke noten.


HTMLEXAMPLE
<img src="rainbow.gif" align="texttop">
bla node.gifbla texttop-justeret billedebla bla
<img src="rainbow.gif" align="top">
bla node.gifbla top-justeret billedebla bla
  
<img src="rainbow.gif" align="middle">
bla node.gifbla middle-justeret billedebla bla
<img src="rainbow.gif" align="absmiddle">
bla node.gifbla middle-justeret billedebla bla
  
<img src="rainbow.gif" align="bottom">
bla node.gifbla bottom-justeret billedebla bla
<img src="rainbow.gif" align="absbottom">
bla node.gifbla absbottom-justeret billedebla bla

<img src="rainbow.gif" align="baseline">

bla node.gifbla baseline-justeret billedebla bla




<< TILBAGE
LÆS MERE >>

HTML TUTORIAL

HTML INTRO


HTML TEKST


HTML LISTER


HTML BILLEDER


HTML LINKS


HTML BAGGRUNDE


HTML TABELLER


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML HEXFARVER








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved