Newsgroup: it.comp.www.html
Titolo: Sfondo con CSS

Qualcuno mi  puň aiutare!!! .... vorrei fare uno sfondo come quello di
questa pagina ....
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
... penso sia stato fatto con i CSS, č cosě ?
Come devo fare ?
Se li conoscete mi indicate anche qualche sito che parla di CSS ...
Grazie !
Giorgio

 Come devo fare ?
Per lo sfondo č stata usata questa immagine NON ripetuta:
http://www.thenoodleincident.com/tutorials/box_lesson/image/3piece05C.gif
..ed il colore #333333.
Ecco i CSS che governano l'effetto:
<style>
<!--
body { background: #333333 url(3piece05C.gif) no-repeat }
-->
</style>
Ciao.
-----------------------
http://www.wmplanet.com
-----------------------
-- 
Posted from 
adsl-250-27.38-151.net24.it
 [151.38.27.250] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 Se li conoscete mi indicate anche qualche sito che parla di CSS ...
www.htmlhelp.com
Ottimo sito, contiene tutorial interessanti ed una guida completa.
mandi
andrea bergamasco

In effetti, la pagina fa riferimento a un css esterno, bisognerebbe però
vedere cosa c'è dentro!
Comunque, nelle sezioni tutorial di 
www.html.it
 e 
www.risorse.net
 troverai
senz'altro qcosa da leggere!


Controlla il percorso del file.css rispetto alla root, lo metti nella barra
degli indirizzi ed eccolo lì....ohhhh quant'è bello!:-)
Eccolo qui:
body {
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
 font-family: verdana, arial, helvetica, sans-serif;
 color: black;
 background: #333 url(../image/3piece05C.gif) no-repeat;
 text-align: center;
/* part 1 of 2 centering hack */
 }
a {
 text-decoration: none;
 font-weight: bold;
 color:  #ccc;
 outline: none;
 }
a:visited {
 color:  #ccc;
 }
a:active {
 color:  #ccc;
 }
a:hover {
 color: #ccc;
 text-decoration: underline;
 }
..ahem {
 display: none;
 }
strong, b {
 font-weight: bold;
 }
p {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 line-height: 22px;
 margin-top: 20px;
 margin-bottom: 10px;
 }
/* weird ie5win bug: all line-height to font-size ratios must agree or box
gets pushed around. */
h1 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 24px;
 line-height: 44px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 }
h2 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 18px;
 line-height: 40px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 }
h3 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 16px;
 line-height: 22px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 }
h4 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 14px;
 line-height: 26px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 }
h5 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 line-height: 22px;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 10px;
 }
h6 {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
 line-height: 18px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 }
img {
 border: 0;
 }
..nowrap {
 white-space: nowrap;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
 }
..tiny {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9px;
 line-height: 16px;
 margin-top: 15px;
 margin-bottom: 5px;
 }
#content {
 width: 400px; /* Incorrect value fed to ie5win */
 padding: 0px;
 margin-top: 214px;
 margin-bottom: 0px;
 margin-right: auto;
 margin-left: auto;  /* opera does not like 'margin:20px auto' */
 border: none;
 text-align:left; /* part 2 of 2 centering hack */
 width: 400px; /* ie5win fudge begins */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 400px;
 }
html>body #content {
 width: 400px; /* ie5win fudge ends */
 }
pre {
 color: #ccc;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 line-height: 22px;
 margin-top: 20px;
 margin-bottom: 10px;
 }


Ci penserà poi lui a guardarselo!
Grazie del suggerimento, comunque.
Byebye
--
Ais