Hallo liebes Forum
ich habe mich heute hier angemeldet, da ich vor einem für mich unlösbarem Problem stehe, was wahrscheinlich für die Leute hier eine Kleinigkeit ist.
Folgendes möchte ich gerne umsetzen:
Ich möchte einen Info Block in einer Webseite einbauen, welcher sich dynamisch an die Fenstergröße anpasst und welcher einen grauen Hintergrund, sowie oben und unten einen 1px Border in dunklerem Grau hat.
Dazu nutze ich folgende CSS
.info-block {
background: #f9f9f9;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size:27px;
font-weight: 200 !important;
color: #888;
height: 80px;
padding: 10px 0 0 0;
}Nun soll der Text immer mittig sitzen, allerdings davor eine Infografik haben. Im Prinzip scheitere ich nur noch an dem Punk, dass die Grafik nie links vom Text sitzt, sondern der Text mittig, aber die Grafik hängt immer links. Nehme ich das float:left raus, so sitzt die Grafik über dem Text.
Folgenden HTML Code habe ich bisher
<div class="info-block"><img alt="" src="http://localhost/test/mediafiles/Bilder/telephone.png" style="width: 50px; height: 50px; float: left;" /><p><h3>Dies ist ein Infoblock<br />Schicke uns eine Email</h3></p>
<div class="clearfix"></div></div>Kann mir hier bitte jemand behilflich sein und mir unter die Arme greifen, sodass der Info Text immer mittig sitzt und die Graphic direkt links neben dem Text steht?
Ich habe schon dutzende Tutorials bezüglich Text umfließt Grafik durchprobiert und da hat es mit dem Beispielcode auch funktioniert, allerdings sehe ich entweder den Wald vor lauter Bäumen nicht mehr, oder aber ich schnalle es einfach nicht.
Vielen lieben Dank
BoneCrusher