Archief - HTML/CSS: phark methode, h1 en linken.

Najdo · 28 mrt 2008

Jo de boys.
Voor school moesten we een bestaande site namaken en coderen volgens web standards.

Nu heb ik een klein probleempje met het linken van een h1 en tergelijk de tekst veranderen door een image.

html:

Code:

	<div id="header">
            <h1>
		<a href="#" title="Return to homepage">Biac logo</a>
	    </h1>
	    <img src="Images/skyshop.gif" alt="skyshop ad" width="728" height="90" />
	</div>

css:

Code:

#header h1 {
	display: block;
	width: 179px;
	height: 90px;
	text-indent: -5000px;
	text-decoration: none;
	background-image: url(Images/biac-logo.gif);
	position: absolute;
}

ik wil dat de biac-logo.gif wordt gelinkt.
de <a></a> rond de h1 zetten geeft errors bij het valideren dus dit is ook geen oplossing.

thx!

Xavez · 28 mrt 2008

Als het niet zo veel uitmaakt hoe, kan je gewoon als volgt doen:

Code:

<div id="head">
<h1>titel van de pagina</h1>
<a href="/"><img src="biac-logo.gif" alt="titel van de pagina" /></a>
</div>

En dan in je CSS

Code:

h1 {position: absolute; left: -999px; top: -999px}
#head {toch uw afbeelding nog eens als background zetten hier en hoogte en breedte bepalen}
#head img {border: none}

There ya go

nigel555 · 28 mrt 2008

Toevallig ICT @ Kaho in rabot? :unsure:

Archief - HTML/CSS: phark methode, h1 en linken.

Najdo

Legacy Member

Xavez

Legacy Member

nigel555

Legacy Member