Perche non si vede la giusta immagine di sfondo

Salve a tutti io nel mio sito ciberioegiro ho la barra di navigazione(quela in alto gialla e rossa).Sotto le scritte home,la vostra festa e contattaci non ci dovrebbe essere quell'immagine ovale ma le immagini specificate nel css

Codice PHP:

.contattaci a { background-image:url(/immagini/contattaci.gif); background-repeat: no-repeat; background-position: center; } .lavostrafesta a { background-image:url(/immagini/la_vostra_festa.gif); background-repeat: no-repeat; background-position: center; } .home a{ background-image:url(/immagini/home.gif); background-repeat: no-repeat; background-position: center; }

Dov'e il problema secondo voi?? Grazie mille anticipate

Hai sbagliato il selettore: quello che hai scritto tu identifica gli elementi di nome a discendenti di elementi aventi una determinata classe.
Elimina il nome dell'elemento e lascia solo il selettore della classe.

nn funziona uffa

Codice PHP:

/*menu*/ /* Navigation */ .nav, .nav ul { list-style: none; margin: 0; padding: 0; } .nav { font-family: Arial, Helvetica, sans-serif; width: 100%; float: left; clear: both; margin: 0; padding: 0; z-index: 100; position: relative; background-color:rgb(255,255,255); background-image:url(/immagini/nav.gif); border:0; } .nav li { float: right; position:relative; } .nav a{ background-image:url(/immagini/subnav.png); background-repeat: no-repeat; background-position: center; width:13em; height:2em; padding-top:3.7%; } .nav li a { display: block; text-decoration: none; font-size:160%; font-weight:bold; font-family:fantasy; color:rgb(255,0,240); } .nav ul { list-style: none; margin: 0; position: absolute; top:-999em;/*non toccare impedisce la visualizzazzione fino al mouseover*/ right: -22%; } .nav li:hover ul, .nav li.sfHover ul { top: 90%; /*Distanza del menu discendente dalla parte fissa dellla barra */ } .contattaci { background-image:url(/immagini/contattaci.gif); background-repeat: no-repeat; background-position: center; } .lavostrafesta { background-image:url(/immagini/la_vostra_festa.gif); background-repeat: no-repeat; background-position: center; } .home { background-image:url(/immagini/home.gif); background-repeat: no-repeat; background-position: center; }

in piu ho già degli attributi per <a>

Codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Mago CIberio e Clown Giro Home </title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="Description" content="Mago Ciberio e Clown Giro Giro Animazione feste di compleanni, sculture di palloncini,baby disco, e molto altro... 349/0545720 334/7138225 ciberioegiro@yahoo.it" /> <meta name="author" content="girolomoni cristian" /> <meta name="language" content="it" /> <meta name="keywords" content="mago ciberio,clown giro,animazione,compleanno,festa di compleanno,pesaro,sculture palloncini,magia,bambini,ciberio e giro,marche" /> <link rel="icon" href="http://www.ciberioegiro.altervista.org/favicon.ico" type="image/ico" /> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).removeClass(c); } ); }); }; //]]> </script> <style type="text/css">@import url("stile.css");</style> </head> <body> <script type="text/javascript"> //<![CDATA[ document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> <div id="container"> <div id="header"> <h1 class="header">Mago ciberio & Clown Giro<br /></h1> <h2 class="header">Animazione feste di compleanni,<br /> sculture di palloncini,<br />baby disco, e molto altro...<br /></h2><h3 class="header">Nella regione Marche</h3> <h3 class="contatore">Visite da gennaio 2009: 1334<br />Visitatori on line:1</h3> </div> <div > <ul id="nav-one" class="nav"> <li> <a class="contattaci">Contattaci</a> <ul> <li> <a href="contatti.php">Contattarci</a> <a href="commenti.php">Guestbook</a> </li> </ul> </li> <li> <a class="lavostrafesta">La vostra festa</a> <ul> <li> <a href="magia.php">Magia</a> <a href="sculture_palloncini.php">Palloncini</a> <a href="giochi.php">Giochi</a> <a href="bolle.php">Bolle</a> <a href="invito.php">Inviti</a> </li> </ul> </li> <li> <a class="home">Home</a> <ul> <li> </li> </ul> </li> </ul> </div> <div id="colsx"> <img id="miaImg" src="immagini/bambini1.jpg" height="121" width="137" alt="Bambini che giocano(immagini da google)" /> <img src="immagini/bambini2.jpeg" height="121" width="137" alt="Bambini che giocano(immagini da google)"/> <img src="immagini/bambini3.gif" height="121" width="137" alt="Bambini che giocano(immagini da google)"/> <img src="immagini/bambini4.jpg" height="121" width="137" alt="Bambini che giocano(immagini da google)"/> </div> <div id="coldx"> <div id="index"> <h2>Eccoli: il Mago Ciberio e il Clown Giro!</h2> <div style="text-align: center;"> <img src="http://forum.it.altervista.org/immagini/noi.gif" height="320" width="384" alt="noi" /> <p>I nostri due simpatici amici vi farranno vivere un pomeriggio indimenticabile all'insegna del divertimento e dello stupore...<br /> faranno divertire voi e i vostri bambini...<br /> vi faranno conoscere il misterioso mondo della magia...<br /> vi guideranno nel mondo del divertimento...<br /> e allora cosa aspettate chiamateli. </p> </div> </div> </div> <div id="footer"> <div class="destra_w3c"> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img src="/immagini/cssw3c.gif" alt="CSS Valido!" /></a> </div> <div class="sinistra_w3c"> <a href="http://validator.w3.org/check?uri=referer"> <img src="/immagini/w3cblue.png" alt="Valid XHTML 1.0 Strict" /></a> </div> <div class="sinistra_w3c2"> <a href="http://www.mozilla-europe.org/it/firefox/"> <img src="/immagini/firefox.png" alt="Sito ottimizzato per Mozilla firefox"/></a> </div> <div class="piede">Mago Ciberio e Clown Giro<br />Animazione feste di compleanni, sculture di palloncini, baby disco, e molto altro...<br />+393490545720 334/7138225 ciberioegiro@yahoo.it </div> </div> </div> </body> </html>

scusa ho capito ora cosa intendevi cmq nn funziona lo stesso

Correggi così:

Codice:

a.contattaci { background-image:url(/immagini/contattaci.gif); background-repeat: no-repeat; background-position: center; } a.lavostrafesta { background-image:url(/immagini/la_vostra_festa.gif); background-repeat: no-repeat; background-position: center; } a.home { background-image:url(/immagini/home.gif); background-repeat: no-repeat; background-position: center; }

ok tutto a posto grazie

anticipato :)