Pagina 1 van 1

Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 16:14
door OmkePom
Adres van je forum: http://www.film-test.nl
Event. modificaties op je forum: Meerdere waaronder Ajax. Chat, NewsPage en Reimg
Wanneer ontstond het probleem? nvt
phpBB versie: phpBB 3.1.6 Style aangepaste ProFormell

Ik heb de volgende HTML gemaakt,

Code: Selecteer alles

		<table border="4" border color="#9900CC" width="100%">
		<tr>
			<td style="background-color:#d2d2d2" width="140px" height="220">{Afb 01}</td>
			<td background="./images/Achtergrond.gif"><!DOCTYPE html>
<html>
<head>
<style>
div.relative {
    position: relative;
    width: 100%;
    height: 220px;
} 

div.absolute {
    position: absolute;
    top: 87px;
    right: 0%;
	opacity: 0.9;
}
</style>
</head>
<body>

<div class="relative">{Tekst 1}
  <div class="absolute">{Afb inside}</div>
</div>

</body>
</html></td>
		<td style="background-color:#d2d2d2" width="140px" height="220">{Afb 02}</td>
	</tr></table>
Dit geeft als resultaat een Blok met links en rechts een afbeelding ernaast. Het blok in het midden is een tekstvak met een achtergrond afbeelding, en rechts onder in het tekstvak een afbeelding (afb inside).

Nu wil ik dat die afbeelding (afb inside) niet rechtsonder maar rechtsboven komt zonder dat de andere elementen verstoord raken, wie weet hoe ik dit kan realiseren?

BVD :ugeek:

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 18:18
door El torro
Dat is wel zeer vreemde html code :shock:

Normaal begin je met <html> en eindig je met </html>

Bij jouw staat dat er gewoon tussenin :?:

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 18:40
door OmkePom
Ik heb het gekopieerd van een "leerschool" pagina gevonden met Google.

Beetje aangepast en het werkt dus.
Maar nu die afbeelding naar boven?

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 18:41
door TWEagle
uw div van de absolute moet boven de relative staan

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 18:42
door El torro
Linkje naar die school ?

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 18:53
door OmkePom
http://www.w3schools.com

En het is eigenlijk CSS :ugeek:

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 17 dec 2015, 19:30
door TWEagle
The_White_Eagle schreef:uw div van de absolute moet boven de relative staan

eigenlijk dus zoiets

Code: Selecteer alles

<html>
<head>
<style>
div.relative {
    position: right;
    width: 100%;
    height: 220px;
} 

div.absolute {
    position: absolute;
    top: 87px;
    right: 0%;
   opacity: 0.9;
}
</style>
</head>
<body>
<div class="absolute">{Afb inside}</div>
	<table border="4" border color="#9900CC" width="100%">
		<tr>
			<td style="background-color:#d2d2d2" width="140px" height="220">{Afb 01}</td>
			<td background="./images/Achtergrond.gif"><div class="relative">{Tekst 1}</div></td>
			<td style="background-color:#d2d2d2" width="140px" height="220">{Afb 02}</td>
		</tr>
	</table>
</body>
</html>

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 18 dec 2015, 09:59
door OmkePom
THXs! it works great.

Changing this,

Code: Selecteer alles

div.absolute {
    position: absolute;
    top: 87px;
    right: 0%;
   opacity: 0.9;
}
i can change position.

:ugeek:

Re: Beetje hulp bij plaatsing afb op positie

Geplaatst: 18 dec 2015, 13:50
door TWEagle
graag gedaan om te helpen