ugrás a tartalomhoz

dupla háttér

66Gramms · 2016. Jan. 8. (P), 15.21
Azt szeretném elérni hogy 2 hátterem legyen egyszerre. Ezt úgy értem, mint ezen az oldalon van. Van középen 1 nagy sáv amiben van minden (ez is) és van 2 oldalt kettő pici ahol 1 háttér van. Én középre betettem egy szép kis mintát, de nem tudom hogyan tudnám megcsináli hogy legyen mögötte is egy háttér. Itt a kód is! Előre is köszönöm a segítséget!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Cs, 07 jan. 2016 16:36:12 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>townofsalem.hu</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Mészáros Richárd" />
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="K, 05 jan. 2016 18:03:19 GMT">
<meta name="description" content="Town of salem magyar">
<meta name="keywords" content="Magyar, Ország, Town, of, Salem, HUN, HU, magyar, magyarul">
<title>Strangebird.com</title>

<style>
.borderinmenu {
border-left: 2px solid #ff0000;
border-color: white;
}

body {
margin: 0;
}

nav span {
padding: 0px 10px;
}

header {
position: absolute;
left: 50%;
margin-left: -378px;
margin-top: 0;
}

nav {
width: 400px;
height: 20px;
color: white;
Background-color: green;
padding: 2px;
font-size:15px;
left: 50%;
margin-left: -202px;
background:-webkit-gradient(linear, 10% 100%, 10% 21%, from(#715500), to(#633E28));
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
position: absolute;
top: 148px;
text-align: center;
}

article {
height:100%;
width:800px;
position:absolute;
z-index: -1;
left: 50%;
margin-left: -400px;
background: url('minta.jpg');"
color: white;
font-size:20px;

</style>

</head>

<body>

<header>
<img src="townofsalem.jpg">
</header>
<nav>
<span>Főoldal</span>
<span class="borderinmenu">Fórum</span>
<span class="borderinmenu">Wiki</span>
<span class="borderinmenu">Elérhetőségek</span>
</nav>
<article> test </article>

</body>

</html>
</body>
</html>
‹ Elemek saját mérete Article help ›
 ■
1

Nem tudom, hogy most csak

erik0415 · 2016. Jan. 8. (P), 16.10
Nem tudom, hogy most csak rosszul másoltad csak be ide a kódot, vagy tényleg ilyen, de miért van több <body> <head> meg <html>?

Egyébként a kérdésedre a válasz egyszerű

body{
 background-image('a kép helye') vagy background-color: pl. red;
}
2

Köszi!

66Gramms · 2016. Jan. 8. (P), 16.17
Szia, köszi a segítséget, jól másoltam be, eddig észre se vettem, biztos véletlen maradt bent.
3

Bocsánat nagy hülyeséget

erik0415 · 2016. Jan. 8. (P), 16.30
Bocsánat nagy hülyeséget írtam, kicsit javítanék a fenti kódon, background-image: url('kép helye');