✔ Header Div als Link

[ByeBye 182971]

Hi,

ich habe ein Div-Tag als Header, welches komplett als Link fungieren soll.

Das div tag hat auch ein Hintergrundbild.

Wie realisier ich das am besten?

bis jetzt:

		<a href="index.php"><div id="header">
			Header
		</div></a>

#header {
	height: 130px;
	border: #e8e8e8 solid;
	border-width: 0 0 1px 0;
	color: #757577;
	font-size: 32px;
	background-color: #6FBA0B;
	padding-top: 20px;
	text-align: center;
	background: url('../images/header_bg1.png') no-repeat;
    margin-bottom: 10px;
}

#header a, #header a:hover, #header a:visited, #header a:focus {color: #757577;text-decoration:none;}

 

[Maik]

Hi,

Inline-Elemente (= a) dürfen keine Block-Elemente (= div) enthalten.

Bette stattdessen den Link im DIV #header ein, und zeichne ihn mit der display:block-Eigenschaft aus:

#header a:link, #header a:visited {
display:block;
height:130px;
}

 

[ByeBye 182971]

Danke vielmals funktioniert perfekt!