Ændre align på billede

i dette tilfælde er den korrekte style-property du skal have fat i text-align (eller textAlign i javascript-sammenhæng). De to andre du har prøvet er udelukkende html-attributer (ligesom fx src er det for et billede).

Problemmet er bare at text-align på billeder ikke gør det du her forventer. Det den egentlig gør er at sætte tekstjusteringen for det, som er indeni elementet. Men da billeder jo ikke indeholder noget som helst er der heller ikke særlig meget at bruge text-align til og derfor bevirker den heller ikke til noget særligt her.

Istedet skal du smide dit billede ind i en omkransende div:
<div id="billedDiv">
<img src="logo.png" />
</div>
Denne div kan du så sætte text-align på. Nu vil text-align på div-boksen nemlig medvirke til at indholdet _indeni_ div-boksen bliver justeret og da billedet lige netop er indeni div-boksen, ja så bliver den også justeret alt efter hvad du har sat text-align til.

Hvis du vil bruge javascript til at lave en onmouseover funktion, så kan du gøre det på denne måde:
<script type="text/javascript">
  function alignBillede(containerId,alignment) {
        document.getElementById(containerId).style.textAlign = alignment;
  }
</script>

og
<div onmouseover="alignBillede('billedDiv','right');" onmouseout="alignBillede('billedDiv','left');">
MouseOver her
</div>

Det kan godt være det lyder lidt forvirrende med alt den snak om div-bokse og den slags. Men det er bare vigtigt at vide at text-align ikke påvirker elementet selv, men tingene som er indeni.

Det skal måske lige bemærkes at text-align kun påvirker inline-elementer som fx tekst og billeder. Block-elementer som andre div-bokse og headere (<h1>,<h2> osv) bliver derimod ikke påvirket, medmindre du laver dem om til inline-elementer. Men nok om det ;-)

<ole>

... og for at gøre forvirringen komplet, så virker 'verticalAlign' på elementet ... ikke det, der er indeni. Eneste undtagelse for dette er tabel-celler  :)

/mvh
</bole>

hmm. 1000 tak for beskrivelserne, giver noget mere indblik i hvad der sker. Men skulle verticalAlign virke på et billede (ikke hos mig;) )
Hvis jeg smidder et div omkring løfter billedet sig lidt. Den er alignet i bunden af en celle og skulle helst blive på bunden

Det, jeg mener, er:

<div><img src="myPic.jpg" style="vertical-align:middle"> blabla</div>
<div style="vertical-align:middle"><img src="myPic.jpg"> blabla</div>
<div style="height:50px;vertical-align:middle;border:1px solid red">blabla</div>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><img src="myPic.jpg" style="vertical-align:middle"> blabla</td>
</tr>
<tr>
    <td style="vertical-align:middle"><img src="myPic.jpg"> blabla</td>
</tr>
<tr>
    <td style="height:50px;vertical-align:middle;border:1px solid red">blabla</td>
</tr>
</table>

... det er zq nemmere at vise  :)

Vel på tide at gøre noget, f.eks. lukke ?-)

Jo...min fejl, ligger i lige et svar?

yups  :)