Der Martin: Mehrere bilder in einem div verankern

Beitrag lesen

SELF-Forum

Mehrere bilder in einem div verankern

Der Martin
– Informationen zu den Bewertungsregeln

Hallo,

Also ok wie man Fischstäbchen macht weis ich ja jetzt ;)

na prima, eines Tages wird dir dieses Wissen auch weiterhelfen. ;-)

<head></head>
<div>
<body bgcolor=#C3C3C3 >

Was ist das? HTML jedenfalls nicht. DOCTYPE fehlt, das öffnende html-Tag fehlt, das head-Element darf nicht leer sein (mindestens das title-Element ist Pflicht), und ein div kann nicht einfach im Niemandsland zwischen head und body anfangen. Außerdem sollten HTML-Attribute in Anführungszeichen geschrieben werden, auch wenn das nicht in jedem Fall zwingend notwendig ist.

<style type="text/css">
h1 { color:#1DC10C; font-size:32px; font-family:calibri; }
h2 { color:#1DC10C; font-size:45px; font-family:calibri; font-weight:bold; }
</style>
<link rel="stylesheet" href="stylsheet.css" type="text/css">

Die style- und link-Elemente dürfen nicht im body vorkommen, sie gehören in head.

<div id="gesamt"
<div style="background-image:url(Bilder/headbunner.gif); background-repeat:no-repeat;background-position:center 50px; height:270px; font-size:150%">
<div style="background-image:url(Bilder/oben2.png); background-repeat:no-repeat;background-position:center 270px; height:500px; font-size:150%">
</div>
<div>

<div id="voll">

<div style="background-image:url(Bilder/background.png); background-repeat:repeat-y; background-position:center ; font-style:h1%">
<center><h2>1234</h2></center>

<div id="box1">
<img src="Bilder/artikel.jpg" alt="" border="0" width="400" height="500">

Auch dieser Codeausschnitt strotzt vor Fehlern. In erster Linie die vielen div-Elemente, die geöffnet, aber nicht wieder geschlossen werden; wozu sie überhaupt da sind, ist auch unklar. Außerdem eine Menge Flüchtigkeitsfehler (vergessene Tag-Klammern oder "font-style:h1%").

#box1 {
        position:absolute;
        top: 50px;
        left: 450px;
}

#preis {
        position:relative;
        left: 540px;
        top: -555px;
        }

#timer {
        position:relative;
        left: -5px;
        top: -1025px;
        }

#warenkorb {
        position:relative;
        left: 800px;
        top: 620px;
        }
#voll {
        position:relative;
        left: center;
        top: -200;
        }

Die Elemente mit den IDs preis, timer und warenkorb kommen in deinem gezeigten Code aber gar nicht vor, und die Art, wie du absolute und relative Positionierung einsetzt, lässt vermuten, dass du das Prinzip nicht verstanden hast.
Mein ernstgemeinter Vorschlag: Schmeiß das Zeug weg und lass uns nochmal von vorn anfangen. Am besten mit dem Grundgerüst einer HTML-Datei und einer verbalen Beschreibung und/oder einer Skizze, was am Ende dabei rauskommen soll.

So long,
 Martin

--
F: Was ist schlimmer: Alzheimer oder Parkinson?
A: Parkinson. Lieber mal ein Bier vergessen zu zahlen, als eins verschütten.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
Beitrag melden
–
Informationen zu den Bewertungsregeln