Hallo,
ich würde gerne um einen Bereich, also ein Blockelement (div), Bilder hinzufügen, die dann wie ein Rahmen wirken.
Ich habe versucht einzelne div container in einander zu verschachteln, da ja jedes div ein Blockelement ist, dürfte das gehen, doch es funktioniert nicht.
Würdet ihr bitte schauen ob ich es richtig gemacht habe:
Erstmal meine body css(welcher zu vernachlässigen ist)
ich würde gerne um einen Bereich, also ein Blockelement (div), Bilder hinzufügen, die dann wie ein Rahmen wirken.
Ich habe versucht einzelne div container in einander zu verschachteln, da ja jedes div ein Blockelement ist, dürfte das gehen, doch es funktioniert nicht.
Würdet ihr bitte schauen ob ich es richtig gemacht habe:
Erstmal meine body css(welcher zu vernachlässigen ist)
Code
1
2
3
4
5
6
2
3
4
5
6
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
min-width: 41em; /* für neuere Browser */
Jetzt der Versuch die Bilder wie einen Rahmen wirken zu lassen:
Html Code:
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="headerout">
<div id="links1">
<div id="links2">
<div id="links3">
<div id="mitte1">
<div id="mitte2">
<div id="rechts1">
<div id="rechts2">
<div id="rechts3">
<div id="headerin">
</div><!--close div id="headerin-->
</div><!--close div id="rechts3-->
</div><!--close div id="rechts2-->
</div><!--close div id="rechts1-->
</div><!--close div id="mitte2-->
</div><!--close div id="mitte1-->
</div><!--close div id="links3-->für die ungekürzte Fassung bitte einloggen
und jetzt die css:
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#headerout {
height:100%;
width:100%;
}
/*Der Container der die Bilder anzeigen soll die dann für den Header-Inhalt dienen*/
div#links1 {
height:10%;
width:10%;
text-align:left;
margin-top:0%;
margin-left:0%;
background-image:url(layout/png/layout-content/oben-links.png);
}
/*Bild für die Ecke oben links*/
div#links2 {
height:80%;
width:10%;
text-align:left;
margin-top:10%;für die ungekürzte Fassung bitte einloggen
Die Bilder werden überhaupt nicht angezeigt. Würdet ihr mir bitte helfen.
Würdet ihr das auch so machen und die einzelnen div's in einander verschachteln oder doch Inlineelemente in die div's verschachteln wie z.B. span's oder doch etwas ganz anderes?
Danke sehr.
.