Anordnung eines Bildes neben einemText
0 0 
Felix Riesterer
Anordnung eines Bildes neben einemText
Hallo,
da bin ich wieder. *g*
Ich versuche mir nun gerade ein eigenes Template für Typo3 zu erstellen.
Ich zeig euch erstmal wie es bis jetzt aussieht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mein Template</title>
<meta name="author" content="tobias.schwessinger">
<link rel="stylesheet" type="text/css" href="CSS.css" media="screen">
</head>
<body>
<div id="headline">
<div id="rightimage">
<img src="" align="left">
</div>
<h1>Welcome @ My Home</h1>
</div>
<ul id="menue">
<li><a href="mein template.html">Home</a></li>
<li><a href="mein template.html">Entstehungsgeschichte</a></li>
<li><a href="mein template.html">Über mich</a></li>
<li><a href="http://www.selfhtml.org">Quelle</a></li>
</ul>
<div id="hauptbereich">
<div id="text">
<p>Hier soll dann das ganz stehen
</div>
<div ="image">
<img src="cool1.gif">
</div>
</div>
</body>
</html>
Natürlich mit einer entsprechenden css datei.
Ich möchte nun auf der linken Seite einen Text und auf der rechten ein Bild.
Ich habe schon es schon versucht mit "margin" um so zu sagen, dass der Text nach rechts 600px frei lassen soll, dann hat er allerdings in diese 600px kein Bild mehr eingefügt.
So habe ich es grad versucht, klappt aber auch nicht.
#hauptbereich {
margin: 0 0 35px 10px;
}
#text { align: left;
border: 1px dotted #B2CCFF;
background: #CCE5FF;
}
#image { align: right;
border: 10px groove #3B3B3B;
float: left;
}
Könnte mir bitte wer evtl. sagen wie man das am besten macht?
Vielen Dank schonmal und mit besten Grüßen,
Tobias
-
Hi,
versuche doch mal die CSS Eigenschaft "float:right|left;" zu benutzen, dann klappt es vielleicht besser.
Ciao, Frank
-
Lieber tobias25,
#text { align: left;
#image { align: right;was soll denn "align" für eine CSS-Eigenschaft sein? Schau doch noch einmal nach, wie das wirklich heißen muss!
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)