[HTML]Plaatje in het midden van een pagina - Softwareontwikkeling

woensdag 1 december 2004 16:46

Acties:

LifeTecH

Topicstarter

Ik wil graag een plaatje in het midden van een HTML pagina hebben, maar dit lukt me dus niet (in firefox iig niet)

Normaal gebruik ik deze code:

code:

<html>
<head>
<style>
#lifetech { position: absolute;
    left: 200px; top: 100px;
    z-index: -1
}   

</style>
</head>
<body>
[img]"lifetech.jpg"[/img]
</body>
</html>

Maar het <style> gedeelte wordt niet ondersteund door firefox, en ik heb ook geen flauw idee hoe het wel moet. Met google heb ik al gezocht, maar daar krijg je alleen te zien hoe je een plaatje in het midden van een regel moet doen en niet van een HTML bestand.

[ Voor 21% gewijzigd door LifeTecH op 01-12-2004 16:47 ]

woensdag 1 december 2004 16:48

Acties:

LoeiOrdinair

To Infinity and Beyond

Je kan toch ook gewoon een tabel maken die in het midden uitlijnt en daar je plaatje in knallen.

woensdag 1 december 2004 16:49

Acties:

MrJay

mag dit als background? dan is dit bruikbaar:

code:

1	background: #F3F3F3 url('img/background.png') no-repeat fixed center center;

woensdag 1 december 2004 16:49

Acties:

LifeTecH

Topicstarter

LoeiOrdinair schreef op woensdag 01 december 2004 @ 16:48:
Je kan toch ook gewoon een tabel maken die in het midden uitlijnt en daar je plaatje in knallen.

Maar dan heb ik toch nog steeds die code nodig

Ik kan het trouwens ook wel met veel <br> tags doen, maar dat ziet er niet echt netjes uit.

woensdag 1 december 2004 16:50

Acties:

Cubix

Probeer dit eens:

code:

1	<style type="text/css">

Verder is het simpel css werk. Eventueel plaats je een div er om heen.

[ Voor 11% gewijzigd door Cubix op 01-12-2004 16:51 ]

woensdag 1 december 2004 16:50

Acties:

PhysicsRules

Dux: Linux voor Eenden

Ten eerste zet deze code een plaatje niet in het midden, maar op een vaste plaats. Maar belangrijker: als ik het goed heb heeft firefox voor de eigenschap position een referentie nodig. Voeg dus een container toe met

code:

1	#container { position: relative; }

Je kan ook proberen om deze eigenschap aan body te geven, maar dat is denk ik niet zo netjes.

woensdag 1 december 2004 16:51

Acties:

LoeiOrdinair

To Infinity and Beyond

LifeTecH schreef op woensdag 01 december 2004 @ 16:49:
[...]

Maar dan heb ik toch nog steeds die code nodig Ik kan het trouwens ook wel met veel <br> tags doen, maar dat ziet er niet echt netjes uit.

Dat bedoel ik. Als ik een "intro" plaatje maak in het midden doe ik dat meestal zo omdat dit door alle browser wordt ondersteunt.

woensdag 1 december 2004 16:51

Acties:

Verwijderd

Zoiets?

woensdag 1 december 2004 16:55

Acties:

LifeTecH

Topicstarter

PhysicsRules schreef op woensdag 01 december 2004 @ 16:50:
Ten eerste zet deze code een plaatje niet in het midden, maar op een vaste plaats.

Dat bedoelde ik eigenlijk ook, alleen verkeerd verwoord

Maar belangrijker: als ik het goed heb heeft firefox voor de eigenschap position een referentie nodig. Voeg dus een container toe met
code:
1
#container { position: relative; }
Je kan ook proberen om deze eigenschap aan body te geven, maar dat is denk ik niet zo netjes.

Met de #container code is het gelukt, bedankt man

[ Voor 7% gewijzigd door LifeTecH op 01-12-2004 16:58 ]

woensdag 20 april 2005 10:43

Acties:

Verwijderd

Hey ff un vraagje,

Jullie hebben het over een plaatje in de midden van de pagina, maar ik wil een plaatje helemaal rechtsboven in de hoek.. hoe krijg ik dat dan voor elkaar. Dus echt helemaal rechtsboven in de hoek, niet dat er nog 1cm wit tussen zit maar echt rechtsboven.

(PS gewoon in Internet Explorer)

Alvast bedankt

[ Voor 6% gewijzigd door Verwijderd op 20-04-2005 10:44 ]

woensdag 20 april 2005 10:46

Acties:

BtM909

Watch out Guys...

Combineer bovenstaande CSS code eens met:

Cascading Stylesheet:

#id_van_plaatje{
  position: absolute;
  top: 0;
  right: 0;
}

Voortaan even wat beter inlezen en / of zoeken met google?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 20 april 2005 10:47

Acties:

LoeiOrdinair

To Infinity and Beyond

Verwijderd schreef op woensdag 20 april 2005 @ 10:43:
Hey ff un vraagje,

Jullie hebben het over een plaatje in de midden van de pagina, maar ik wil een plaatje helemaal rechtsboven in de hoek.. hoe krijg ik dat dan voor elkaar. Dus echt helemaal rechtsboven in de hoek, niet dat er nog 1cm wit tussen zit maar echt rechtsboven.

(PS gewoon in Internet Explorer)

Alvast bedankt

css: margin: 0;
html: <body leftmargin="0" topmargin="0">