Darstellung Adresse, Öffnungszeiten und Kontaktmöglichkeiten

[Auge]

Guten Morgen,

Mojens

Wie ihr auf meiner Demo Seite unter "Kontakt" sehen könnt, möchte ich gerne alle drei Rubriken nebeneinander stellen:
…
Ich weiß allerdings nicht, ob dieses so die beste Option ist, da ich geren vor der Adresse noch eine kleine Grafik hätte, genauso bei den Öffnungszeiten und Kontakt.

Gibt es hier eine bessere alternative?

<wortklauber>Naja, es gibt Alternativen. Nicht jede ist per definitionem besser.</wortklauber>

Ich würde in folgende Richtung tendieren.

  
<div id="adresse" class="kontaktinfos">  
 <span>Name & Vorname</span>  
 <span>Straße & Hausnummer</span>	  
 <span>PLZ Ort</span>  
</div>  
<div id="kontakt" class="kontaktinfos">  
 <span>0000 - 000000</span>  
 <span>eMail Adresse</span>  
</div>  
<div id="zeiten" class="kontaktinfos">  
 <span>Mo. - Fr. 9.00 bis 18.00 Uhr</span>  
 <span>Sa. 9.00 bis 14.00 Uhr</span>  
 <span>Termine nach Vereinbarung</span>  
</div>

Den von mir aus deinen Klassen generierten IDs (#adresse, #kontakt und #zeiten) weist du nun die jeweiligen Bilder als Hintergrund zu. Über .kontaktinfos span gibst du an, dass die spans als Blockelemente angezeigt werden, damit die Infos zeilenweise angezeigt werden. Über den selben Selektor (.kontaktinfos span) regelst du auch den Abstand der Texte zum linken Rand des jeweiligen div, so dass sie rechts neben den Hintergrundbildern stehen (das ist, wenn ich dich richtig verstanden habe, dein Wunsch).

Tschö, Auge