Darstellung Adresse, Öffnungszeiten und Kontaktmöglichkeiten

[Carmen]

Hallo Matthias,

erlaubt schon. Schau dir aber mal das time-Element an.

auch dieses habe ich geändert. Mein HTML sieht nun so aus:

  
            <span>Carmen's Friseursalon</span>  
            <span>Musterstraße 8</span>  
            <span>50933 Köln - Braunsfeld</span>  
        </div>  
        <div id="telefon" class="kontaktinfos">  
            <span><span class="bezeichnung">Fon.:</span>0000 - 000000</span>  
            <span><span class="bezeichnung">eMail:</span>[e-mail]</span>  
        </div>  
        <div id="zeiten" class="kontaktinfos">  
            <span><span class="bezeichnung">Mo. - Fr.</span><time class="geoeffnet">9.00 bis 18.00 Uhr</time></span>  
            <span><span class="bezeichnung">Sa.</span><time class="geoeffnet">9.00 bis 14.00 Uhr</time></span>  
            <span class="termin">Termine nach Vereinbarung</span>  
        </div>  

Und das CSS dazu so:

  
#adresse {  
	width:30%;  
	display:inline-block;  
	margin-top:3.5em;  
	margin-left: 1.5em;  
	background:url(../img/icons/kontakt.jpg) no-repeat;  
	min-height:4.063em;  
	vertical-align:top;  
}  
  
#telefon {  
	width:37%;  
	display:inline-block;  
	margin-top:3.5em;  
	background:url(../img/icons/kontakt.jpg) no-repeat;  
	min-height:4.063em;  
	vertical-align:top;  
}  
  
#zeiten {  
	width:29%;  
	display:inline-block;  
	margin-top:3.5em;  
	background:url(../img/icons/kontakt.jpg) no-repeat;  
	min-height:4.063em;  
	vertical-align:top;  
}  
  
.kontaktinfos span {  
	vertical-align: top;  
	padding-left: 1.9em;  
	line-height: 1.4em;  
}  
  
.anschrift span {  
	vertical-align: top;  
	padding-left: 3.9em;  
	display:inline-block;  
	line-height: 1.4em;  
}  
.bezeichnung {  
	width: 103px;  
	display: inline-block;  
}  
.geoeffnet {  
	margin-left:10px;  
}  
  
.termin {  
	margin-left: 30px;  
	padding-top: 7px;  
	display: inline-block;  
}

Ein Live Beispiel auch wieder hier: http://friseursalon.bplaced.net/