Sfondo elemento non visibile

**sevenjeak** · 01-06-2009, 18.22.00

Salve.

Sto facendo un sito, in php, che ho evidentemente provato prima sul server locale poi sul mio dominio in AlterVista, ho notatto che su altervista lo sfondo che io ho inpostato a un <div> che non viene visualizzato, come mai questo?

01-06-2009, 18.29.43

se postassi il codice te lo potremmo dire.

Poi rivedi un pò la frase, togliendo gli errori, non è molto comprensibile.

Posta il codice CSS che usi per il div

**sevenjeak** · 01-06-2009, 19.45.15

Il css della pagina e questo:

Codice:

body {
   font-size:97%;
   background-color:#666666;
   font-family:"Times New Roman", Times, serif;
}
h1, h2 {
   margin:0;
   padding:0
}
strong {
   font-family:Arial, Helvetica, sans-serif;
   font-size:75%;
   margin:2px;
   color:#ADADAD
}
a {
  color:#838383;
  text-decoration:none
}
.container{
   width:999px;
   margin:0 auto;
   border:solid #333333 1px;
   border-bottom:none;
   background-color:#FFFFFF
}
.header {
   height:2em;
   margin:3px;
}
.navigate {
   background:url(Image/navigate.png);
   height:1.60em
}
.navigate ul {
   list-style:none;
   margin:0;
   padding:0;
}
.navigate li {
   display:inline;
   padding-left:3px;
   padding-right:3px;
}
.navigate li:hover {
   background:url(Image/nav-link_over.png);
   cursor:pointer
}
.navigate li ul{
   display:none;
   position:absolute;
   top:4em;
   width:999px;
   padding-top:3px;
   background:url(Image/bg-sottomenù.png)
}
.navigate li:hover ul {
   display:block
}
.navigate li ul li:hover {
   background:none;
   border-bottom:dashed #191919 1px
}
.navigate li ul a {
   color:#6D6D6D;
   font-family:"Arial Black";
   font-size:11px
}
.navigate li ul a:hover {
   color:#6D6D6D;
   font-family:"Arial Black";
   font-size:11px;
}
.main {
   padding:7px;
   margin:0;
}
.footer {
   clear:both
}

Lo sfondo che non mi si vede si trova all'interno del selettore .navigate li ul.

01-06-2009, 19.49.14

A .navigate ul aggiungi:

Codice:

background-color: transparent;

**sevenjeak** · 02-06-2009, 10.57.00

Come prima, non si vede, cmq a cosa semve impostare background-color a transparent?

P.S.: Ho provado anche ad controlare il css con il validatore della w3c ma mi dice che il css e corretto mentre per l'html nessun errore nel mio sito eccetto un errore nella toolbar di AlterVista

02-06-2009, 11.00.46

Io ho avuto lo stesso problema in delle lsite flottanti inserite in un div con uno sondo graduato.

Le liste avevano lo sfondo bianco e non permettevano di far vedere lo sfondo. Impostandolo così si da uno sfondo trasparente appunto.

Hai provato ad aggiungerlo anche a .navigate li ul?

Hai una pagina esemplificativa?

**sevenjeak** · 02-06-2009, 11.16.02

Ho provato ad aggiungere il codice che tu mi hai detto, ma nulla, cmq ho notato solo adesso che quando clicco su un menù mi appare il suo relativo sottomenù spostato + a destra diversamente da come mi appare su firefox.

Cmq il codice html della pagina è questo:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="main.css">
<title>Pc tools</title>
</head>

<body>
 <div class="container">
  <div class="header">
   &nbsp;
  </div>
  <div class="navigate"> <!-- Navigate. -->
   <ul>
	<li><a>Emulatori/roms</a>
	  <ul>
	   <li><a href="#">Segnala emulatore</a></li>
	   <li><a href="#">Emulatori segnalati</a></li>
	   <li><a href="#">Segnala roms</a></li>
	   <li><a href="#">Roms segnalati</a></li>
	  </ul>
	</li>
	<li><a>Tratuttori</a>
	  <ul>
	   <li><a href="#">Segnala tratuttore</a></li>
	   <li><a href="#">Tratuttore segnalati</a></li>
	  </ul>
	</li>
	<li><a>Software</a>
	  <ul>
	   <li><a href="#">Aantivirus</a></li>
	   <li><a href="#">Software per internet</a></li>
	   <li><a href="#">Grafica 3D</a></li>
	   <li><a href="#">Software programmazione</a></li>
	   <li><a href="#">Software portatili</a></li>
	   <li><a href="#">Utility</a></li>
	   <li><a href="#">Player</a></li>
	   <li><a href="#">Client FTP</a></li>
	  </ul>
	<li><a>Tools</a>
	  <ul>
	   <li><a href="index.php?Page=webmaster_tools">Tools per webmaster</a></li>
	   <li><a href="#">Tools per internet</a></li>
	   <li><a href="#">Tools per MSN</a></li>
	   <li><a href="#">Tools per Skype</a></li>
	   <li><a href="#">Tools per Yahoo messenger</a></li>
	   <li><a href="#">Tools per ICQ</a></li>
	  </ul>
	</li>
	<li><a>Giochi</a>
	  <ul>
	   <li><a href="index.php?Page=webmaster_tools">Giochi on-line</a></li>
	   <li><a href="#">Giochi da scarocare</a></li>
	   <li><a href="#">Siti sui giochi</a></li>
	   <li><a href="#">Segnala sito sui giochi</a></li>
	  </ul>
	</li>
	<li><a>Newsletter</a>
	 <ul>
	   <li><a href="index.php?Page=webmaster_tools">Registrati alla nostra newsletter</a></li>
	   <li><a href="#">Cancellazzione dalla newsletter</a></li>
	   <li><a href="#">Migrazione Account registrato</a></li>
	   <li><a href="#">Visualizza news del sito</a></li>
	  </ul>
	 </li>
	<li><a>Segnalazioni</a>
	 <ul>
	  <li>Segnalazione bug nel sito</li>
	  <li>Segnalaci per altri motivi</li>
	</li>
    </ul>
   </ul>
  </div> <!-- End navigate. -->
  <div class="main"> <!-- Start main containers. -->
   <?php
    if (isset($_GET["Page"])) {
	   if (file_exists($_GET["Page"].".php")) {
	      include_once($_GET["Page"].".php");
	   }else {
	      include("404.php");
	   }   
	}else {
	   include("home.php");
	}
   ?>
  </div> <!-- End main containers. -->
  <div class="footer"> <!-- Start footer. -->
   &nbsp;
  </div> <!-- End footer. -->
 </div>
</body>
</html>

02-06-2009, 11.23.51

Io se metto un background a .navigate si vede sotto la lista!

Comunque cambia: Image/bg-sottomenù.png

Non usare caratteri accentati o speciali nei nomi

**sevenjeak** · 02-06-2009, 11.32.40

Grazie, ora mi va.

Mi rimane solo il problema che con Explorer, il sottomenù, mi si visualizza spostato

02-06-2009, 11.36.40

Non usare display: none, ma visibility : hidden; poi quando si deve visualizzare usi al posto di display: block; usa visibility : visible;.

PS: anche io sto creando un menù con CSS ed uso queste impostazioni, se vai nel mio sito di grafica e guardi il sorgente e il CSS vedrai come è strutturato

**sevenjeak** · 02-06-2009, 11.51.46

Non cambia nulla, ho provato ha vedere il tuo menù, ma il mio a differenza del tuo e orizzondare.

02-06-2009, 11.54.00

Guarda qui: CSSplay.co.uk, nella categoria Multi-Level - Dropline

**sevenjeak** · 02-06-2009, 11.58.10

Non trova la categoria, mi potresti mandare direttamente il link ad essa?

02-06-2009, 12.00.10

Ho sbagliato il link! Premi nell'header su Menus, poi premi CTRL + F e cerchi Multi-Level - Dropline

**sevenjeak** · 02-06-2009, 12.06.06

Ho trovato il menù che mi interessa, ora come faccio a prendere il suo css?

02-06-2009, 12.16.48

Guardando il sorgente no?

**sevenjeak** · 02-06-2009, 12.19.36

Ah, non ci avevo pensato

EDIT:
Ho modificato il menù basandomi su quel menù presente all'interno del link che tu mi hai dato, ora va sia in Firefox che con Explorer, ora dovrei testarlo con altri browser.

Cmq grazie per l'aiuto.

EDIT2:
Scusa, ora il menù si vede bene su Explorer e Firefox, ma solo in locale, su altervista no: ora il mio css e questo:

Codice:

body {
   font-size:97%;
   background-color:#666666;
   font-family:"Times New Roman", Times, serif;
}
h1, h2 {
   margin:0;
   padding:0
}
strong {
   font-family:Arial, Helvetica, sans-serif;
   font-size:75%;
   margin:2px;
   color:#ADADAD
}
a {
  color:#ACACAC;
  text-decoration:none
}
.container{
   width:999px;
   margin:0 auto;
   border:solid #333333 1px;
   border-bottom:none;
   background-color:#FFFFFF
}
.header {
   height:2em;
   margin:3px;
}
.navigate {
   background:url(Image/navigate.png);
   height:1.60em
}
.navigate ul {
   list-style-type:none;
   padding:0; 
   margin:0; 
}
.navigate ul li {
   display:inline;
   padding-left:5px;
   padding-right:5px;
}
.navigate ul li:hover {
   background:url(Image/nav-link_over.png);
   cursor:pointer;
}
.navigate ul li ul {
   display:none;
}
.navigate ul li:hover ul {
   display:block;
   position:absolute;
   top:4.25em;
   padding-top:3px;
   width:999px;
   background:url(Image/bg-sottomenu.png);
}
.navigate ul li ul a {
   color:#6C6C6C;
}
.navigate ul li ul a:hover {
   color:#0080C0;
}
.navigate ul li ul li:hover {
   background:none;
}
.main {
   padding:7px;
   margin:0;
}
.footer {
   clear:both
}

02-06-2009, 15.44.59

Non so cosa si vede bene o no, come si dovrebbe vedere?

**sevenjeak** · 02-06-2009, 16.03.27

Ti ho inviato un PM dove di spiego come mi si visualizza

Discussione: Sfondo elemento non visibile

LinkBack

Strumenti discussione

Display

Sfondo elemento non visibile

Regole di scrittura