[CSS] image position IE/Firefox

[meelmark]

Ik ben sinds kort beetje bezig met CSS naar aanleiding van wat informatie op Internet, maar kom beetje vast te zitten met de positionering van een afbeelding. Wil bij mijn weblog namelijk per story een maximum van drie kleine plaatjes weergeven.

Ik verwijs naar een extern CSS bestand, dat de volgende code bevat:

code:

img.1{
position: absolute;
top: 30px;
left: 5 px;
}

img.2{
position: absolute;
top: 135px;
left: 5px;
}

img.3{
position: absolute;
top: 240px;
left: 5px;
}

Dat houdt dus in dat ik in de HTML de volgende code opneem:

code:

[img]"../../images/fotos/site/bestand"[/img] </img>

[img]"../../images/fotos/site/bestand"[/img] </img>

[img]"../../images/fotos/site/bestand"[/img] </img>

Het resultaat zijn drie plaatjes onder elkaar (vooraf al 100 * 100 geplaats, zodat ze precies even veel onderruimte hebben. Ze worden dus links geplaatst, onder elkaar.

In Internet Explorer werkt dit super, alleen in Firefox krijg ik het niet aan de praat. Gebruikt Firefox een andere syntax van de codes ofzo? Firefox geeft dus gewoon de plaatjes onder de tekst weer naast elkaar.

great reply! het werkte... werd inmiddels gek van alle compatiblity in verschillende browsers door te lezen.

[ Voor 39% gewijzigd door meelmark op 28-07-2005 16:53 ]

[TwoR]

maak van die 1, 2, 3 eens a, b, c en dan werkt het vast wel. Je kan geen integers gebruiken in Firefox.

/edit
Ik kan zo snel niet vinden waar het staat maar ik heb het zelf ook al een aantal keer onder vonden.

[ Voor 37% gewijzigd door TwoR op 28-07-2005 16:46 ]

[André]

TwoR schreef op donderdag 28 juli 2005 @ 16:44:

Ik kan zo snel niet vinden waar het staat maar ik heb het zelf ook al een aantal keer onder vonden.

http://www.w3.org/TR/REC-CSS2/syndata.html#q4

[TwoR]

André schreef op donderdag 28 juli 2005 @ 17:03:
[...]

http://www.w3.org/TR/REC-CSS2/syndata.html#q4

Dankje, weet ik dat ook weer

Ooit komt er nog een dag dat ik alle CSS regeltjes wel uit mijn hoofd ken.

[RobIII]

TwoR schreef op donderdag 28 juli 2005 @ 17:06:
[...]

Dankje, weet ik dat ook weer

Ooit komt er nog een dag dat ik alle CSS regeltjes wel uit mijn hoofd ken.

Mocht je toch je "nummering" willen gebruiken, noem je classes dan i1, i2 etc...