non riesco ad aggiungere lo sfondo

[the wizard87]

non riesco ad aggiungere lo sfondo tramite i css nonostante sto vedendo che non e' difficile basta aggiungere semplicemente

body {background-image: url(sfondo.gif); }

giusto?
questo e' il mio css ma non lo riesce ad inserire come mai??


.ui-widget {
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
font-size: 11px;
}

body {
background: #fff;
color: #000;
margin: 0px;
font-size: 11px;
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
}

#greatings {
position:absolute;
left:-180px;

}

#bodyContent {
}

#header {
height: 200px;
}

#storeLogo {
float: left;
margin-top: 5px;
}

#headerShortcuts {
float: right;
margin-top: 15px;
}

#columnLeft {
padding-top: 5px;
}

#columnRight {
padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
padding: 2px;
font-size: 14px;

border: 0;
}

.infoBoxContents {
padding: 5px;
font-size: 14px;
border: 0;
}

.contentContainer {
padding-bottom: 10px;
}

.contentContainer h2 {
font-size: 16px;
text-decoration: underline;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 5px;
}

.contentText, .contentText table {
padding: 5px 0 5px 0;
font-size: 11px;
line-height: 1.5;
}

.pax { display:none; }

.productListTable {
padding: 5px;
font-size: 11px;
line-height: 1.5;
}

.productListTable tr.alt td {
background-color: #ecf6fc;
}

.fieldKey {
font-size: 11px;
font-weight: bold;
line-height: 1.5;
width: 250px;
}

.fieldValue {
font-size: 11px;
line-height: 1.5;
}

h1 {
font-size: 20px;
margin-bottom: 0;
padding-bottom: 5px;

}



img {
border: 0;
}

table, p {
font-size: 11px;
line-height: 1.5;
}

#piGal ul {
list-style-type: none;
}

#piGal img {
-webkit-box-shadow: 0px 0px 1px #000;
-moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
margin-left: -30px;
}

.buttonSet {
clear: both;
}

.buttonAction {
float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

A {
color: #000000;
text-decoration: none;
}

A:hover {
text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
background: #ffffff;
}

TR.headerNavigation {
background: #bbc3d3;
}

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}

A.headerNavigation {
color: #FFFFFF;
}

A.headerNavigation:hover {
color: #ffffff;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
background: #bbc3d3;
}

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}

.infoBox {
background: #b6b7cb;
}

.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}

TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}

[Prill]

Molto probabilmente è sbagliato il percorso dell'immagine o il suo nome o l'estensione, ricontrolla.

[the wizard87]

pensavo anche io quello ma nulla... il percorso e` giusto..cosa puo` esser??

[KillerWorm]

Ciao.
Potrebbe dipendere dalla "posizione" in cui stai dichiarando quella regola.
E' fondamentale capire dove hai inserito quella determinata riga, infatti noto che nel tuo css è presente quest'altra regola:

body {
background: #fff;

In questo caso stai andando ad "annullare" tutte le proprietà di background per reimpostare solo il colore (#fff). Dunque se la regola background-image è stata posta prima, verrà annullata anch'essa essendo sovrascritta da questa nuova regola. Questa è la caratteristica peculiare dei css.

Se il problema è solo questo, puoi dichiarare background-image dopo background:#fff o altrimenti utilizzare la proprietà color per impostare esclusivamente il colore senza annullare le altre proprietà di background:

body {
background-color: #fff;

Ovviamente, come già ti è stato indicato, devi accertarti che l'indirizzo url dell'immagine sia scritto correttamente. Un errore comune è quello relativo al case-sensitive. Alcuni sistemi operativi infatti fanno distinzione tra caratteri maiuscoli e minuscoli, per cui è importante riportare gli url in modo esatto.

[the wizard87]

fatto come dici ma nulla... ti aggiungo il css modificato e il path e' stato presto direttamente da quello che mi da winscp

.ui-widget {
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
font-size: 11px;
}

body {
background-image: helloitalytours/sfondo.jpg;
margin: 0px;
font-size: 11px;
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
background-image: sfondo.jpg;
}

#greatings {
position:absolute;
left:-180px;

}

#bodyContent {
background-image: sfondo.jpg;
}

#header {
background-image: sfondo.jpg;
height: 200px;
}

#storeLogo {
background-image: sfondo.jpg;
float: left;
margin-top: 5px;
}

#headerShortcuts {
float: right;
margin-top: 15px;
}

#columnLeft {
padding-top: 5px;
}

#columnRight {
padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
padding: 2px;
font-size: 14px;
border: 0;
}

.infoBoxContents {
padding: 5px;
font-size: 14px;
border: 0;
a {
border-bottom: 1px solid #90bade;
margin: 0;
list-style: none;
list-style-image: none;
}

}

.contentContainer {
padding-bottom: 10px;
}

.contentContainer h2 {
font-size: 16px;
text-decoration: underline;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 5px;
}

.contentText, .contentText table {
padding: 5px 0 5px 0;
font-size: 11px;
line-height: 1.5;
}

.pax { display:none; }

.productListTable {
padding: 5px;
font-size: 11px;
line-height: 1.5;
}

[KillerWorm]

Andiamo per ordine...

Premessa: quando posti sul forum è consigliato vivamente utilizzare gli appositi tag di formattazione. Utilizza il tag [ code ] [ /code ] per riportare le parti di codice/markup/script. In questo modo faciliti la lettura del tuo messaggio e sarà più gradevole darti degli aiuti.


Verifica queste cose:
[list=1][*] Nel tuo nuovo css per background-image non hai indicato la proprietà url() per specificare l'indirizzo delle immagini. Quindi nel tuo css dovrebbe esserci una cosa tipo:

background-image: url(helloitalytours/sfondo.jpg);

Credo che il problema sia semplicemente questo. Se dovesse persistere controlla anche le seguenti cose.
[*] Noto che hai aggiunto altri background-image rispetto a prima (a parte il fatto che anche in questi la sintassi non è corretta, hai tralasciato url) in cui hai specificato solo sfondo.jpg e non il path completo helloitalytours/sfondo.jpg come per il body. Presumo si tratti di due immagini differenti. Accertati comunque che questi url siano corretti.
[*] Ancora, potrebbe esserci un problema dovuto agli url relativi. Non hai specificato se il tuo css sia un file esterno linkato al tuo documento html o se sia scritto nell'elemento HEAD dentro il tuo documento. Ad ogni modo se si tratta di css esterno devi tenere presente che gli url relativi fanno riferimento alla posizione dello stesso file css e non a quella del documento html in cui è stato linkato il css stesso. In pratica se il css sta in una posizione (ad es. dentro una cartella) diversa da quella dove sta il tuo documento html, allora dovrai specificare gli url relativi facendo riferimento opportunamente alla posizione del file css e non a quella del documento html.
[*] Altra cosa. Controlla che non ci siano elementi che vadano a coprire in qualche modo il body. E' ovvio che se sopra il body disponi degli elementi con dei fondi opachi o con immagini, vai a coprire il body stesso. Noto ad esempio gli elementi #bodyWrapper #bodyContent che presumo siano dei div contenitori che stanno dentro il body e che probabilmente vanno a coprirlo se questi hanno un immagine nel background o nel caso in cui il background sia opaco (anche se credo non sia questo il caso).
[*] In ultimo. Per lo stesso principio esposto nel mio post precedente, verifica che non ci siano altri css (ad esempio css in-linea, cioè specificati direttamente nei tag html) che stiano andando in qualche modo a sovrascrivere le regole del css principale.[/list=1]

[the wizard87]

grazie finalmente risolto grazie grazie grazie...scusa per i tag