Hee,

Ik heb een div="header" waar ik links een contact-knop in heb zitten. Nu moet er in het midden van die div een logo. Als ik deze erin plaats met de H1-tag dan komt hij onder de div. Als ik hem zonder de H1-tag doe dan komt hij in de header-div, maar dan verspringt de contact knop naar beneden. Ik wil hem graag inclusief de H1-tag voor de SEO. Het volgende is mijn code.

Code:

<div class="header">
<a href="mailto:e-mailadres"> <span id="contact">Contact</span> </a> 
<h1><img id="logo" src="images/logo.png" /></h1>
</div>

Code:

.header {
	height:58px;
	width:100%;
	background:#bd5407;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;
	
}

#contact {
	font-family:"Georgia";
	line-height:60px;
	position:relative;
	margin: 20px;
	border: #000000 1px solid;
	padding: 0.5%;
	border-radius: 7px;
}

Heeft iemand enig idee hoe ik het logo in de division krijg?
Alvast heel erg bedankt!

Yoeri.

als h1?
dus

Code:

 .header h1 {

En dan  hier die code!


}

Sorry, maar ik begrijp het niet. Welke code moet daar dan?

geef je afbeelding zelf ook een breedte en hoogte mee, en float je contact span div, zet je a in de span dus niet erbuiten en float je image ook.
Aanvullend bericht:
<div class="header">
<span id="contact"><a href="mailto:e-mailadres">
Contact</a></span>
<h1><img id="logo" src="images/logo.png" /></h1>
</div>

Helaas blijft mijn contact-knop dan uit de header.

online voorbeeld ?

Je geeft je header een 100% width mee, de contact button heeft geen width waardoor hij deze waarschijnlijk over de gehele breedte laat zien.

- Geeft je contact een float:left
- Geef je h1 een margin:0; padding:0; en ook een float:left;

Dat zou het moeten zijn.

Mvg