Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hoe krijg ik plaatje midden in pagina

teacher
8 antwoorden
  • Wat is de code om een plaatje in het midden van de pagina te krijgen?

    BVD.
  • <img src="plaatje.gif" align="center">
  • Horizontaal op z'n op één na simpelst:[code:1:050ba1cef9]<DIV ALIGN="center"><IMG SRC="……"></DIV>[/code:1:050ba1cef9]En voor de rest: http://www.echoecho.com/htmlimages07.htm
  • [quote:f04ebc803d="ODF"]Wat is de code om een plaatje in het midden van de pagina te krijgen?

    BVD.[/quote:f04ebc803d]
    Ik bedoel middenin de pagina zowel horizontaal als verticaal.
    Ik heb namelijk een frame van 768 bij 500 dat vast ligt.
  • Je zou het met CSS kunnen proberen:[code:1:15c6d8083e]<STYLE TYPE="text/css">
    .plaatje {position: absolute; top: ..px; left: ..px}
    </STYLE>
    </HEAD>
    <BODY>
    <DIV CLASS="plaatje">
    <IMG SRC="…………" WIDTH=".." HEIGHT=".." BORDER="0" ALT=""></DIV>[/code:1:15c6d8083e]Alleen zit je dan met verschillende browser(versie)s.

    Ik zou het met waarschijnlijk toch met een tabel doen. Dat is het makkelijkst. De methode op echoecho.com heb ik nooit uitgeprobeerd omdat het zo'n gepiel is als je het plaatje moet combineren met andere elementen. Het ligt er ook aan of je nog andere elementen in dat frame hebt.
  • Zoals trudge al zei, gewoon met een table doen. Plaats een table in je html pagina met 1 kolom en 1 rij. Zet de hoogte en breedte op 100% en zet je td op align="center" en valign="middle". Dan het plaatje erin en klaar is kees! Als je dit niet helemaal begrijpt klik je gewoon hier.


    ::greetz:: Obi
  • [code:1:5803c0714b]img style="position: relative; left: 50%; top: 50%;" scr="blaat.gif"[/code:1:5803c0714b]


    t.
  • [quote:191f8258d4="teacher"][code:1:191f8258d4]img style="position: relative; left: 50%; top: 50%;" scr="blaat.gif"[/code:1:191f8258d4]


    t.[/quote:191f8258d4]
    je moet nog wel rekening houden met de afmetingen van het plaatje. Met een left en een top van 50% wordt de linkerbovenkant van het plaatje in het midden geplaatst.

    Ed

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.