Beetje hulp bij plaatsing afb op positie

OmkePom · Bericht door **OmkePom** » 17 dec 2015, 16:14

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

El torro · Bericht door **El torro** » 17 dec 2015, 18:18

Dat is wel zeer vreemde html code

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

Bij jouw staat dat er gewoon tussenin

OmkePom · Bericht door **OmkePom** » 17 dec 2015, 18:40

Ik heb het gekopieerd van een "leerschool" pagina gevonden met Google.

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

TWEagle · Bericht door **TWEagle** » 17 dec 2015, 18:41

uw div van de absolute moet boven de relative staan

El torro · Bericht door **El torro** » 17 dec 2015, 18:42

Linkje naar die school ?

OmkePom · Bericht door **OmkePom** » 17 dec 2015, 18:53

http://www.w3schools.com

En het is eigenlijk CSS

TWEagle · Bericht door **TWEagle** » 17 dec 2015, 19:30

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>

OmkePom · Bericht door **OmkePom** » 18 dec 2015, 09:59

THXs! it works great.

Changing this,

Code: Selecteer alles

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

i can change position.

TWEagle · Bericht door **TWEagle** » 18 dec 2015, 13:50

graag gedaan om te helpen

Beetje hulp bij plaatsing afb op positie

Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie

Re: Beetje hulp bij plaatsing afb op positie