Ciao a tutti,
vorrei posizionare alcune immagini sullo sfondo utilizzando la proprietà in oggetto.
Per far questo ho creato un file index.html con alcuni blocchi <div>.
Non riesco avenirne fuori.
C'è qualcuno che può aiutarmi?
Un grazie anticipato
max - sotto codice css e xhtml
codice css_______________________________________________ ________________
/*
Title: Master styles for screen media
Author: massimo.sebastio@sesan.it, based on Dan Cederholm's CSS Framework: http://simplebits.com/
*/
body {
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
font-size: 62.5%;
background: #ffefd5 url(../img/back.png) repeat-x top;
margin: 0;
padding: 0;
}
/* links */
a:link, a:visited {
color: #369;
outline: none;
}
a:hover {
color: #39c;
}
/* page structure
----------------------------------------------------------------------*/
#secondary {
position: absolute;
top: 250px;
margin-top: 0px;
margin-left: 25px;
}
#footer {
font-family:Georgia,Times,serif;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
color:#666;
font-size:1.2em;
margin:400px auto 0 auto;
}
#footer p {
width: 100%;
color: white;
font-size: 1em;
line-height: 1.6em;
margin: 0;
padding: 0;
background-color: maroon;
}
/* header
-----------------------------------------------------------------------*/
#logo {
position: absolute;
top: 120px;
left: 450px;
width: 20%;
margin-left: auto;
margin-right: auto;
}
span {
color: black;
}
/* nav */
#navbar {
background:#FBFAF4 none repeat scroll 0 0;
font-family:Georgia,Times,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:2.4em;
line-height:normal;
overflow:hidden;
padding:0 0 0 215px;
}
#contact span {
display: none;
}
#contact a:hover span {
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 200px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #971702;
font: 13px Verdana, sans-serif;
text-align: center;
font-family: monospace;
}
#topics span {
display: none;
}
#topics a:hover span {
display: block;
position: absolute;
top: 15px;
left: 10px;
width: 200px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #971702;
font: 13px Verdana, sans-serif;
text-align: center;
font-family: monospace;
}
#navbar {
background:#FFF;
color:#000;
margin:0;
padding:0.5em 0;
border-bottom:1px solid #000;
text-align:center;
}
#navbar li {
display:inline;
}
#navbar a {
height:0;
padding:0.5em 0;
text-decoration:none;
margin:-0.5em 1em;
}
#navbar a:link, #navbar a:visited {
background: white;
color:#666;
}
#navbar a:hover, #navbar a:focus, #navbar a:active {
background: #fff;
color: #000;
border-bottom: 0.4em solid maroon;
padding-bottom: 0.1em;
}
#home {
float: left;
}
#home a {
text-align: left;
height:0;
padding:0.5em 0;
text-decoration:none;
margin:-0.5em 1em;
}
#home li {
text-align: left;
display: inline;
font-size: 15px;
font-size-adjust: none;
font-family: Georgia,Times,serif;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#home a:hover, #home a:focus, #home a:active {
color:#000;
border-bottom:0.2em solid maroon;
padding-bottom:0.1em;
}
__________________________________________________ __________
codice html______________________________________________ ____-
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Beauty Shop</title>
<meta name="generator" content="tsWebEditor (tswebeditor.net.tc - www.tswebeditor.tk)" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/screen.css" />
</head>
<body>
<ul id="navbar">
<li id="articoli">Articoli
<li id="topics">Topics<span>Topics</span>
<li id="about">About
<li id="contact">Contact<span>mailto: info@xxxxx.xx</span>[/list]
<div id="home">
<ul>[*]Home[/list]
</div>
<div id="logo">
[img]img/logo.png[/img]
</div>
<div id="secondary">
<span></span>
</div>
<div id="footer">
Copyright © 2010 BeautyShop. All rights reserved.</p>
</div>
</body>
</html>