nicht angemeldet
DIV neben BILD
Hallo,
ich bekomme das nicht gebacken, dass ein Div Tag neben einem Bild liegt.
Wenn ich die 2 Bilder nebeneinander mache geht es, aber wenn ich das 2. Bild zu einen Div Tag mache, geht es eine Zeile runter und ich bekomme es nicht hoch. Ich benutze Adobe Dreamweaver CS3.
#topstories {
position: relative;
height: 187px;
}
.topstory {
background: transparent none no-repeat;
color: #fff;
height: 177px;
width: 272px;
top: 0;
left: 0;
padding: 5px 14px;
text-align:left;
}
.topstory a {
color: #fff;
}
.topstory h4 {
margin: 0 0 3px 0;
padding: 0;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
}
.topstory h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 18px;
}
.topstory h3 a {
text-decoration: none;
}
.topstory h3 a:hover {
text-decoration: underline;
}
.topstory p.summary {
width: 65%;
}
-------
<img src='../../../xampp/htdocs/images/header.gif' alt="" width='640' height='187' /><div class='topstory'><img src="../../../xampp/htdocs/images/headers/news.png" width="300" height="187" /></div>
-
Wenn ich die 2 Bilder nebeneinander mache geht es, aber wenn ich das 2. Bild zu einen Div Tag mache, geht es eine Zeile runter und ich bekomme es nicht hoch.
Wenn man was nicht hochbekommt, heisst das "Impotenz" SCNR
Du willst die den Abschnitt über "float" in Selfhtml durchlesen.Ich benutze Adobe Dreamweaver CS3.
Das kannst du tun, aber wieso muss das zum Erstellen von Webseiten sein?
Ansonsten ist es für dein Problem nicht relevant, wie du deinen Quelltext erzeugst.-
Wenn ich die 2 Bilder nebeneinander mache geht es, aber wenn ich das 2. Bild zu einen Div Tag mache, geht es eine Zeile runter und ich bekomme es nicht hoch.
Wenn man was nicht hochbekommt, heisst das "Impotenz" SCNR
Du willst die den Abschnitt über "float" in Selfhtml durchlesen.Ich benutze Adobe Dreamweaver CS3.
Das kannst du tun, aber wieso muss das zum Erstellen von Webseiten sein?
Ansonsten ist es für dein Problem nicht relevant, wie du deinen Quelltext erzeugst.Das Löst aber nicht mein Problem. Ich brauche eine Antwort.
-
Hi,
bitte zitiere sinnvoll, das worauf du dich konkret beziehst, und nicht einfach alles.
Das Löst aber nicht mein Problem.
*Du* loest *dein* Problem.
Ich brauche eine Antwort.
Hast du bekommen. float ist dein Stichwort, also informiere dich darueber.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Ok.#
------------------
-
Ok.#
Ich habs auf selfhtml gefunden, aber dann ist zwischen dem DiV und dem Bild so viel Platz.
-
Hi,
Ich habs auf selfhtml gefunden, aber dann ist zwischen dem DiV und dem Bild so viel Platz.
</hilfe/charta.htm#tipps-fuer-fragende>
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Hi,
Ich habs auf selfhtml gefunden, aber dann ist zwischen dem DiV und dem Bild so viel Platz.
</hilfe/charta.htm#tipps-fuer-fragende>
MfG ChrisB
»»
Ich hab schon die ganze Zeit bei Google geguckt und rumprobiert.
<img src="../../../xampp/htdocs/images/header.gif" /> <div class='topstory' style='background-image: url(../../../xampp/htdocs/images/headers/news.png)'> <h4>TOPNEWS</h4> <h3><a href='$LINK'>$newsname</a></h3> <p> Beschreibung </p> <p> <a href='$LINK'>Weiter lesen >></a></p> </div>(In der Style.css ist unter "topstory" float: right;)
-------- Das kommt:
http://img523.imageshack.us/my.php?image=222iq9.png
Ich möchte, dass es so aussieht: (geht iwie nur wenn ich den div tag entferne :( )
http://img513.imageshack.us/my.php?image=111fw8.png
Nun suche ich schon seit heute Mittag nach ner Antwort.
-
Hi,
<img src="../../../xampp/htdocs/images/header.gif" />
<div class='topstory' style='background-image: url(../../../xampp/htdocs/images/headers/news.png)'>...
</div>> > (In der Style.css ist unter "topstory" float: right;) > > -------- Das kommt: > > http://img523.imageshack.us/my.php?image=222iq9.png Natuerlich, wenn du das Div-Element nach rechts floatest, dann geht es auch an den rechten Rand. Und unter das Bild muss es natuerlich auch. > Ich möchte, dass es so aussieht: (geht iwie nur wenn ich den div tag entferne :( ) > > http://img513.imageshack.us/my.php?image=111fw8.png Du willst also eigentlich das Div nach links floaten, so dass es neben dem Bild zu stehen kommt. > Nun suche ich schon seit heute Mittag nach ner Antwort. Vielleicht solltest du Dokumenationen etwas ausfuehrlicher Lesen, und dir das Verhalten auch an Hand von Beispielen klar machen. MfG ChrisB -- „This is the author's opinion, not necessarily that of Starbucks.“-
Ich möchte, dass es so aussieht: (geht iwie nur wenn ich den div tag entferne :( )
»»
http://img513.imageshack.us/my.php?image=111fw8.png
Du willst also eigentlich das Div nach links floaten, so dass es neben dem Bild zu stehen kommt.
float: left;
Dabei sind die aber untereinander.
-
Hi,
Du willst also eigentlich das Div nach links floaten, so dass es neben dem Bild zu stehen kommt.
float: left;
Dabei sind die aber untereinander.
Bild auch noch floaten.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“
-
-
-
-
-
-
-
-
-