nicht angemeldet
Text zum Bild ausrichten
Hallo Forum,
wie kann ich in einer tabellenzelle neben einem horizontal und vertikal zentriertem bild den text ebenfalls horizontal und vertikal platzieren?
(dass der text, vertikal mittig platziert, rechts neben dem bild steht)
Danke und schüs
Thoralf
-
Hi Thoralf,
wie kann ich in einer tabellenzelle neben einem horizontal und vertikal zentriertem bild den text ebenfalls horizontal und vertikal platzieren?
im Grunde gar nicht. Denn wenn beides zentriert ist, überlappt es sich ;)
(dass der text, vertikal mittig platziert, rechts neben dem bild steht)
Versuche, mit position:relative den Text in die gewünschte Richtung zu verschieben.
LG Roland
--
[x] Für das Thema (BARRIEREFREIHEIT) im Forum
http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
(siehe http://emmanuel.dammerer.at/selfcode.html)-
Hi Roland
im Grunde gar nicht. Denn wenn beides zentriert ist, überlappt es sich ;)
hm kanns sein das du da was verwechselst? Vieleicht Horizontal und Vertikal?
Ich möchte das beide Elemente Bild und Text so zueinander ausgerichtet sind das der Text rechts vom Bild und da mittig steht.
Ich habs nun schon mit float:left versucht nur da wird das Bild ganz nach links verschoben und der text ist top zum Bild.MfG Thoralf
-
Hi Thoralf,
Ich möchte das beide Elemente Bild und Text so zueinander ausgerichtet sind das der Text rechts vom Bild und da mittig steht.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Mit einer Tabelle wär's einfacher</title>
<style type="text/css">
#aussen {
width:410px;
height:206px;
margin-left:auto;
margin-right:auto;
border:1px solid black;
padding:2px;
}
#links {
text-align:center;
width:200px;
height:200px;
float:left;
border:1px solid black;
}
#rechts {
width:200px;
height:200px;
text-align:center;
border:1px solid black;
padding-top:60px;
}
</style></head>
<body><div id="aussen">
<div id="links">
<img src="" width="198" height="198" alt="Bild" />
</div>
<div id="rechts">
<p>bla bla bla bla</p>
<p>bla bla bla bla</p>
<p>bla bla bla bla</p>
</div>
</div></body>
</html>LG Roland
--
[x] Für das Thema (BARRIEREFREIHEIT) im Forum
http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
(siehe http://emmanuel.dammerer.at/selfcode.html)-
Hi Roland,
<title>Mit einer Tabelle wär's einfacher</title>
genau das hab ich mir jetzt auch überlegt ;).
Da das ganze ja sowieso schon eine Tabelle ist, is das wohl der einfacherere Weg. Ich wollt zwar auf eine zusätzliche Zelle verzichten aber wenns nich anners geht soll mir des auch recht sein.
Ich mein nur irgendwo mal gelesen zu haben das man zu Bildern ne Art Untertitel machen kann und diesen irgendo um das Bild herumplazieren kann. Aber wer weis wo das wieder war und ob ich da nich irgendwas durcheinander bringe ;)Cu Thoralf
-
Hallo Thoralf,
suchst Du dieses: http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float bzw. dieses: http://selfhtml.teamone.de/html/grafiken/ausrichten.htm#css
Gruss, Thoralf ;)
-
Hallo Namensvetter ;)
jein ;), ich hab des schon probiert nur leider funktioniert das float innerhalb von Tabellen sehr eigenwillig. Das Bild wandert bei float aufeinmal ganz nach links obwohl der Inhalt der Zelle zentriert wurde.
Ich hab das dann aber auch nicht weiter verfolgt sondern bin auf die einfachere Möglichkeit mit einer zusätzlichen zelle ausgewichen.Cu Thoralf
-
-
-
-
-