Archief - xHTML: Probleem met alignering

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.
K

KoenDK

Legacy Member
2 images staan links onder mekaar
1 'vak' staat rechts, met variabele hoogte, afhankelijk van content uiteraard

...

uiteraard moet de bovenste image links volledig bovenaan staan (steeds 75px hoog)
en moet de content rechts ook volledig bovenaan staan

...


de 2e image aan de linkerzijde echter moet de HELFT zijn van wat er overblijft



het lijkt simpel, maar lukt me nog steeds niet
probeer het anders even zelf eens en je zal merken...



kan er mij iemand helpen?


ps : het gaat hem steeds om arrows die naar beneden pointen, en ik wil die idd ... in het midden :p





**edit : ik heb al een combinatie geprobeerd van een tabel met faux columns, waarbij ik in de linkerkolom hetvolgende plaats :

<div id="leftcolumn">
<table>
<tr><td><img src="../vschema01.gif"></td></tr>
<tr><td align="middle"><img src="../vschema_arrow.gif"></td></tr>
</table>
</div>


maar dit werkt ook niet
K

KoenDK

Legacy Member
niemand? :eek:
is de uitleg niet duidelijk genoeg of is dit gewoon niet mogelijk? :eek:
f

frenzal

Legacy Member
tis niet echt duidelijk, misschien eens illustreren in paint ofzo?
g

grooverider

Legacy Member
tekeningetje of voorbeeld online zou al veel doen, net als het laten vallen van tables...
K

KoenDK

Legacy Member
zie hier screenshot

zoals dus reeds gevraagd, die arrow zou steeds in het midden moeten staan verticaal, tussen die 2 logo's
en ook : de hoogte van de content is variabel !

het logo staat wel steeds op dezelfde hoogte als de content rechts, in html taal : valign top :p


ik zal jullie alvast op weg helpen :

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.container1 {
border: 1px solid #000000;
float: left;
width: 100px;
}

.container2 {
border: 1px solid #000000;
float: left;
width: 420px;
}

.logo {
height: 75px;
width: 100px;
border: 1px solid #000000;
}

.arrow {
border: 1px solid #000000;
}

</style>
</head>
<body>
<table>
<tr>
<td>
	<div class="container1">
		<div class="logo"><img src="vschema01.gif" /></div>
		<div class="arrow"><img src="vschema_arrow.gif" /></div>
	</div>
	<div class="container2">
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
		bb breeeeed bb breeeeed bb breeeeed bb breeeeed bb breeeeed <br />
	</div>
</td>
</tr>
</table>
</body>
</html>


dit werkt dus niet :(
B

BloodSeaker

Legacy Member
Met tables is het natuurlijk een eitje.

Met divs lijkt het me een stuk moeilijker. Mogelijk met JavaScript is het in elk geval wel (grootte image opvragen, grootte van de div errond en dan werken met margin-top).

Misschien relative position met dan een top: 50% ? zal wel niet op alle browsers (lees oudere) werken, maar moet lukken in de recente
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