nicht angemeldet
Text wird nicht wie gewünscht um ein Bild positioniert
Hallo!
Ich möchte ein PDF als download anbieten und dazu eine Grafik mit einem Link verwenden. Erläuternder Text (1 Zeile) soll links, die Grafik rechts daneben stehen. Da die Grafik grösser ist als der Text hätte ich den Text gerne mittig zentriert. Obwohl ich das alles so eingegeben habe wie auf der Seite von selfhtml angegeben wird der Text am oberen Rand der Grafik ausgerichtet.
Das einzige was vielleicht ein Problem machen könnte ist die Angabe von class im p-Element um den Text zu formatieren. Habe ich das richtig gesetzt oder wie sonst muss ich das machen? Keines der Beispiele auf selfhtml hat sowas beinhaltet, ich weiss nicht ob das img-Element davon betroffen ist oder nur nach dem dort definierten style formatiert wird?
Danke für eure Hilfe!
Hier noch der Code (Verlinkung existiert noch nicht!):
<p class="text_spruch"><img src="bilder/PDF-Icon-red.png" alt="PDF-Icon" class="auto-style1" height="60" width="60" />Kurzer Text zur Info</p>
.text_spruch {
font-family: Candara, Arial, sans-serif;
font-size: medium;
font-weight: normal;
color: #3B352A;
text-align: left;
line-height: 130%;
margin-bottom: 10px;
margin-top: 0px;}
.auto-style1 {
float:right;
vertical-align:middle;
margin-left: 3px;
margin-right: 3px;}
-
Da die Grafik grösser ist als der Text hätte ich den Text gerne mittig zentriert. Obwohl ich das alles so eingegeben habe wie auf der Seite von selfhtml angegeben wird der Text am oberen Rand der Grafik ausgerichtet.
Ich habe jetzt einfache einen Zeilenumbruch <br /> vor den Text geschalten, jetzt klappt's. Ist zwar nicht besonders elegant, aber ich weiss immer noch nicht, was falsch ist...
-
Hi,
Ist zwar nicht besonders elegant, aber ich weiss immer noch nicht, was falsch ist...
Fändest du „line-height: 370%“ eleganter? ;-)
Ciao, Performer
-