Perche non si vede la giusta immagine di sfondo

27-01-2011, 14.04.26

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

**karl94** · 27-01-2011, 15.53.08

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.

27-01-2011, 19.58.08

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>

27-01-2011, 19.59.24

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 &amp; 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:&nbsp;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>

27-01-2011, 20.05.07

scusa ho capito ora cosa intendevi cmq nn funziona lo stesso

**karl94** · 27-01-2011, 20.45.12

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;
}

27-01-2011, 20.56.37

ok tutto a posto grazie

**acsocmel** · 27-01-2011, 21.03.01

anticipato :)

Discussione: Perche non si vede la giusta immagine di sfondo

LinkBack

Strumenti discussione

Display

Perche non si vede la giusta immagine di sfondo

Regole di scrittura