nicht angemeldet
Bilder in Kopfzeile
Hallo Zusammen,
ich bastle gerade an meiner ersten Homepage und möchte gerne 3 Bilder
in die Kopfzeile nebeneinander setzen.
Nun habe ich im CSS-Bereich folgendes geschrieben:
#kopf {
width: 780px;
height: 150px;
float: left;
}
und anschließend im HTML-Bereich habe ich dann drei Bilder eingefügt:
<div id="kopf">
<img src="../Bilder/P1020504.Jpg" alt="" width="260" height="150">
<img src="../Bilder/P1020503.JPG" alt="" width="260" height="150">
<img src="../Bilder/P1020505.JPG" alt="" width="250" height="150">
</div>
Warum auch immer befindet sich neben jedem Bild ein kleiner Abstand,
sodass ich die Breite der drei Bilder nicht einheitlich auf 260 Pixel
festsetzen kann (würde ja dann eigentlich der festgelegten Breite des
Kopfes von 780 Pixeln entsprechen. Wenn ich das aber machen würde, würden die Bilder nicht mehr nebeneinander passen, sodass ich ein Bild auf 250 Pixel gesetzt habe.
Wisst ihr, wie ich den Abstand zwischen den Bildern wegbekomme? Habe nirgendwo definiert, dass dort ein Abstand sein soll!!
Wär super, wenn ihr mir weiterhelfen könntet, da ich langsam mit
meinen Anfänger-Kenntnissen ;-) am Ende bin!
Vielen Dank und VG
Julia
-
Hi,
<div id="kopf">
<img src="../Bilder/P1020504.Jpg" alt="" width="260" height="150">
<img src="../Bilder/P1020503.JPG" alt="" width="260" height="150">
<img src="../Bilder/P1020505.JPG" alt="" width="250" height="150">
</div>Warum auch immer befindet sich neben jedem Bild ein kleiner Abstand
Das "warum auch immer" hat einen Namen: Whitespace.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Hi ChrisB,
danke, aber was heisst das genau! Bin halt noch Anfänger... ;-)
Kann man das irgendwie umgehen bzw. diese Lücke eleminieren?
DAnke und VG
Julia-
Hi,
danke, aber was heisst das genau!
http://de.selfhtml.org/html/allgemein/editieren.htm
Kann man das irgendwie umgehen bzw. diese Lücke eleminieren?
Ja, in dem man den Whitespace zwischen den Bildern eliminiert.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Sorry, dass ich Dich nochmal nerven muss...aber wie würde das in diesem
Beispiel aussehen - habe ja aufgeführt, wie ich das "programmiert" habe. Habe ja gar kein Absatz oder Zeilenumbruchzeichen gesetzt...
Danke... ;-)-
Hi,
Sorry, dass ich Dich nochmal nerven muss...aber wie würde das in diesem
Beispiel aussehen - habe ja aufgeführt, wie ich das "programmiert" habe. Habe ja gar kein Absatz oder Zeilenumbruchzeichen gesetzt...Hast du nicht?
<div id="kopf">
<img src="../Bilder/P1020504.Jpg" alt="" width="260" height="150">
<img src="../Bilder/P1020503.JPG" alt="" width="260" height="150">
<img src="../Bilder/P1020505.JPG" alt="" width="250" height="150">
</div>Also für mich siehst das schon so aus, als ob jedes <img> sich auf einer neuen Zeile befinden würde.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Hi Julia,
»» <div id="kopf">
»» <img src="../Bilder/P1020504.Jpg" alt="" width="260" height="150">
»» <img src="../Bilder/P1020503.JPG" alt="" width="260" height="150">
»» <img src="../Bilder/P1020505.JPG" alt="" width="250" height="150">
»» </div>Also für mich siehst das schon so aus, als ob jedes <img> sich auf einer neuen Zeile befinden würde.
Was er dir damit sagen will ist, mach es mal so:
<img src="../Bilder/P1020504.Jpg" alt="" width="260" height="150"><img src="../Bilder/P1020503.JPG" alt="" width="260" height="150">Also alles in einer Zeile.
Mike
-
Danke Mike...habs mittlerweile auch verstanden! ;-)
Bei mir dauert das glaube ich alles noch etwas länger...
Hehe!VG Julia
-
-
Hi, achso, jetzt hab ichs verstanden! ;-)
Habs jetzt hintereinander gesetzt und jetzt klappt es!
Vielen Dank...
Julia
-
-
-
-
-