hankmoody

hankmoody

Ciao a tutti, sto sviluppando un sito per un amico e mi sono trovato davanti ad uno spiacevole problema, in pratica aprendo la pagina con firefox tutto è come vorrei, ma se la apro con internet explorer salta tutto, in allegato non riesco a mettere lo screenshot del sito con i due browser...potete aiutarmi? non so come risolvere la cosa...
se qualcuno mi aiuta trovo il modo di fargli vedere graficamente cosa intendo.

grazie

hankmoody

Ciao a tutti, ho trovato un menu orizzontale in css sulla rete del tipo pullup ovvero che le sottovoci vengono visualizzate vs l'alto e non in cascata vs il basso.
il mio problema è che con firefox questo funziona correttamente, ma con explore non si aprono le sottovoci.
sapete indicarmi il perchè e come risolvere il problema?

il codice è il seguente:

<div class="menu">
<ul>
<li><a href="chi_siamo.html">Chi siamo</a>

<ul>
<li><a href="homepage.html" title="vai alla homepage con le notizie del museo">Homepage</a></li>
<li><a href="palazzo.html" title="palazzo boccella la sede del museo il lucca">Palazzo</a></li>
<li><a href="museo.html" title="lucca museum descrizione della struttura">Museo</a></li>
<li><a href="organigramma.html" title="lucca museum organigramma">Organigramma</a></li>
<li><a href="galleria_foto.html" title="galleria fotografica del museo di arte contemporanea">Foto Museo</a></li>

</ul>

</li>

<li><a href="dove_siamo.html">Dove Siamo</a>

</li>

<li><a href="contatti.html">Contatti</a>

</li>

<li><a href="archivio_mostre.html">Archivio Mostre</a>

<ul>

<li><a href="mostre.html" title="le mostre del museo">Mostre</a></li>
<li><a href="eventi_collaterali.html" title="eventi collaterali alle mostre del museo">Eventi Collaterali</a></li>


</ul>

</li>

<li><a href="servizi.html">Servizi</a>

<ul>
</li>
<li><a href="membershipcard.html" title="vai alla pagina membership card">Membership Card</a></li>

<li><a href="shop.html" title="vai al bookshop del museo">Bookshop</a></li>

<li><a href="caffetteria.html" title="vai alla pagina della caffeteria bar all'interno del museo">Caffetteria</a></li>


</ul>

</li>
</ul>
</div>

il codice css è il seguente

/**************************
MENU
**************************/

#info {height:400px;}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {font-family: verdana, arial, sans-serif; width:975px; position:relative; font-size:11px; margin:50px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:184px; height:25px; text-align:left; color:#ffffff; padding-left:10px; border:3px solid #fff; border-width:0 1px 1px 0; background:#bd282c; line-height:25px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0px; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#bd282c;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#5f5f5f; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:184px; clear:both;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#dfc184; color:#000;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#5f5f5f; color:#fff; width:100%; padding-left:10px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#ececee; color:#000;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#ececee; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

hankmoody

ciao
ho provato a fare le modifiche che mi hai suggerito, il colore del bordo prende il colore impostato, ma continua ad esserci un fastidioso bordo blu (tipico dei link) intorno all'immagine.
come posso fare?

hankmoody

Ciao a tutti!
ho un problema ho fatto la mia pagina html+css e e ho settato i colori dei links e dei vari effetti e con firefox funziona tutto alla grande, ma se apro con explorer i links sono di colore blu...
come devo fare per risolvere questo problema?
nello specifico sto parlando di links costituiti da immagini, a me interessava il colore del loro bordo.

questo il codice usato

#menu {
text-align:center;
margin: 100px 10px 20px -15px;
}

display:inline;
}

margin-right:2px;
text-decoration:none;
color:#ffcc99;
font-size:35px;
}

text-decoration:underline;
color:#990033;
}

hankmoody

Ciao a tutti, spero che mi possiate aiutare.
devo creare un menù orizzontale sfruttando delle immagini "tratti di pennello e macchine di vernice".
si tratta di avere un primo livello con le macro voci (un tratto di pennellata) e cliccando su queste si aprono le "macchie" contenenti le sotto voci del menu.
ogni voce deve essere linkabile alla sua pagina.
spero di essermi spiegato bene.
qualcuno sa dirmi se è possibile farlo? e come? grazie
se fosse possibile posterei le immagini per farvi capire cosa intendo.
nel caso ve le mando in pvt

hankmoody

@hankmoody

Post creati da hankmoody