Villu

Trikk: sisuga võrdse kõrgusega külgpaan

Või siis külgpaaniga (sidebar) võrdse kõrgusega sisu.

Väga raske saavutada, paljud annavad enne õiget lahendust leides alla ja:

• kasutavad tabelit
• sõimavad lolli kujundaja läbi
• kasutavad taustapilti
• puhkevad südantlõhestavalt nutma

Kuid lahendus on tegelikult väga lihtne ja vahva – suur padding-bottom ja samasuur negatiivne margin. Lisaks veel overflow: hidden kogu selle krempli ümber.

Ehk…

… HTML:

<div id="container">
	<div id="sidebar">
	...
	</div>
	<div id="content">
	...
	</div>
</div>

ja CSS:

#container {
	overflow: hidden;
}
	#sidebar {
		padding-bottom: 10000em;
		margin-bottom: -10000em;
	}

Nota bene! Teada on, et seda trikki kasutades peab eemale hoidma ankrustest, sest overflow: hidden; peidab muidu ära kõik, mis eelneb ankru viidatud sisule.

Bon appetit!

Kommentaarid: puuduvad

Target _blank-i ei tohi kasutada

Iidamast-Aadamast on HTML-i alles jäänud võimalus avada linke uues aknas, lisades selleks lingile atribuudi target ja andes sellele väärtuse _blank. Et klikid lingil ja link avab uues aknas. Uhke värk! Või siis mitte.

Nii ei tohi teha! Sest:

1. Target on keelatud atribuut xHTML1.1-s
2. Uus aken katkestab nn normaalse sirvimise, sest inimene ei saa kasutada enam “Tagasi”-nuppu. “Tagasi” nupp on üks peamisi nuppe sirviku kasutamisel.
3. Ideaalses maailmas on uue akna avamine pigem JavaScripti töö, sest HTML, kui informatisooni kirjeldamise keel, ei pea sellega tegelema. Tiluliluga tegeleb meil ju ikkagi enamasti JavaScript

Ilusat veebi!*

**********
selleks peate küll .ee lõpuga domeenidest eemale vaatama :P

Kommentaarid: üks