nicht angemeldet
Text neben einem Bild mittig ausrichten
0 
Matthias Apsel
0
Text neben einem Bild mittig ausrichten
Gunnar BittersmannHallo zusammen,
ich habe ein kleines Problem: ( wie jeder wahrscheinlich, der hier was schreibt ;-) )
ich habe eine Internetseite wo neben einem Bild ein Wort steht. Beides sind Links zu den jeweiligen Unterseiten. Der Text ist immer am unteren Ende des Bildes ausgerichtet. Nun möchte ich dieses Text mittig zum Bild ausrichten. Ich habe dieses mit "vertical-align" versucht, jedoch ändert sich da nichts...ich habe das v-a in dem passenden div-container stehen, wo auch die Eigenschaften der Links definiert sind. Hat da jemand den ultimativen Tipp für mich?
Vielen Dank schonmal!!
-
Om nah hoo pez nyeetz, lanopics!
Ich habe dieses mit "vertical-align" versucht, jedoch ändert sich da nichts...ich habe das v-a in dem passenden div-container stehen, wo auch die Eigenschaften der Links definiert sind. Hat da jemand den ultimativen Tipp für mich?
vertical-align dem Bild geben.
Matthias
--
1/z ist kein Blatt Papier.
-
Om nah hoo pez nyeetz, lanopics!
Ich habe dieses mit "vertical-align" versucht, jedoch ändert sich da nichts...ich habe das v-a in dem passenden div-container stehen, wo auch die Eigenschaften der Links definiert sind. Hat da jemand den ultimativen Tipp für mich?
vertical-align dem Bild geben.
habe das jetzt dann so versucht:
<a style="vertical-align:middle" "href="pralinen.html"><img src="Bilder/link_pralinen.png" /><b> Pralinen</b></a>
und es geht trotzdem nicht...danke aber schonmal!!
Matthias
-
@@lanopics:
nuqneH
vertical-align dem Bild geben.
habe das jetzt dann so versucht:
<a style="vertical-align:middle" "href="pralinen.html"><img src="Bilder/link_pralinen.png" /><b> Pralinen</b></a>
und es geht trotzdem nicht...Was heißt „trotzdem“?
vertical-align dem _Bild_ geben.
Qapla'
PS: Und CSS nicht inline in @style-Attributen notieren, sondern im Styleshet!
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)-
Moin,
PS: Und CSS nicht inline in @style-Attributen notieren, sondern im Styleshet!
Sofern ein Stylesheet vorgesehen ist. Ansonsten tuts auch das Style-Tag im Header (z.B. bei single-file solutions).
Grüße Marco
-
@@misterunknown:
nuqneH
Ansonsten tuts auch das Style-Tag […]
Du meinst das style-Element.
[…] im Header
Du meinst das head-Element (ohne „…er“).
Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
-
-
-
Hello,
habe das jetzt dann so versucht:
<a style="vertical-align:middle" "href="pralinen.html"><img src="Bilder/link_pralinen.png" /><b> Pralinen</b></a>
und es geht trotzdem nicht...Und ich habe das versucht:
<html>
<head>
<style type="text/css">
.imglink
{
vertical-align:middle;
}</style>
</head>
<body>
<h1>bitworks -it works!</h1>
<p>This is the default web page for this server.</p>
<p>The web server software is running but no content has been added, yet.</p><div class="imglink" style="border:1px solid red; padding:10px;">
<a href="newpage.html"><img style="border:none; width:30px; margin:5px; display:inline-block; vertical-align:middle;" src="bild1.png" alt="link-image">Neue Seite</a>
</div></body>
</html>und es funktioniert.
Und mit etwas Glück haut uns Gunnar auf die Finger und räumt mal ordentlich auf :-DSo sollte es jedenfalls noch nicht bleiben. Aber es ist ein erster Schritt.
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
-
-