Archief - Q: Vertical align in tabel/cel

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

SkY

Legacy Member
Het gaat over een standaard HTML pagina. Ik wil in het midden van de pagina een foto plaatsen. Ik dacht gewoon een tabel aan te maken met één cel en bij deze de verticale en horizontale uitlijning in het midden in te stellen. Bij de horizontale werkt dit perfect maar bij de verticale blijft de foto gewoon bovenaan staan. De breedte en hoogte van de tabel en cel zijn ingesteld op 100%.

Iemand een idee hoe ik dit zou kunnen oplossen?
Ik heb ook al geprobeerd met de CSS vertical-align optie.

Hier de code:

Code: 
<html>

	<head>
		<title>Untitled Page</title>
		
		<style type="text/css" media="screen">
		<!--
		.align { vertical-align: middle; }
		-->
		</style>
	</head>

	<body>
		<table class="align" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
			<tr>
				<td class="align" align="center" valign="middle"><img src="images/media_02.gif" alt="" height="288" width="415" border="0" /></td>
			</tr>
		</table>
	</body>

</html>
F

FrE3zE

Legacy Member
<body>
<div id= "foto">
<img src="foto.jpeg" />
</div>
</body>

In je css file dan :
#foto {
padding-left: auto;
padding-right: auto;
}

dit zou moeten helpen denk ik?
D

Devastate

Legacy Member
als ik je voorbeeld bekijk staat de foto zowel in firefox als in IE7 gecentreerd ...
F

FrE3zE

Legacy Member
Devastate zei:
als ik je voorbeeld bekijk staat de foto zowel in firefox als in IE7 gecentreerd ...
Klik om te vergroten...

Oow, ik had gelezen gewoon centreren, sorry

Je kan position op absolute zetten, en dan op je htm pagina in design view kijken om hem in het midden te plaatsen?

Mss werkt dit :)
D

Devastate

Legacy Member
FrE3zE zei:
Oow, ik had gelezen gewoon centreren, sorry

Je kan position op absolute zetten, en dan op je htm pagina in design view kijken om hem in het midden te plaatsen?

Mss werkt dit :)
Klik om te vergroten...

ik doelde op het codevoorbeeld vd topicstarter; bij mij werkt het perfect :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan