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?
Printable View
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?
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 :wink:
Il css della pagina e questo:
Lo sfondo che non mi si vede si trova all'interno del selettore .navigate li ul.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
}
A .navigate ul aggiungi:
:wink:Codice:background-color: transparent;
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
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?
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">
</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. -->
</div> <!-- End footer. -->
</div>
</body>
</html>
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 :wink:
Grazie, ora mi va.
Mi rimane solo il problema che con Explorer, il sottomenų, mi si visualizza spostato
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 :wink:
Non cambia nulla, ho provato ha vedere il tuo menų, ma il mio a differenza del tuo e orizzondare.
Guarda qui: CSSplay.co.uk, nella categoria Multi-Level - Dropline :wink:
Non trova la categoria, mi potresti mandare direttamente il link ad essa?
Ho sbagliato il link! Premi nell'header su Menus, poi premi CTRL + F e cerchi Multi-Level - Dropline :mrgreen:
Ho trovato il menų che mi interessa, ora come faccio a prendere il suo css?
Guardando il sorgente no? :lol:
Ah, non ci avevo pensato :oops:
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
}
Non so cosa si vede bene o no, come si dovrebbe vedere?
Ti ho inviato un PM dove di spiego come mi si visualizza