menu a comparsa e ctrl F

**Cho Hakkai** · 03-05-2010, 22:26

ho creato dei menu a comparsa seguendo questa guida
http://www.gdesign.it/pages/howto/ar...enuc/menuc.php

cercando nella pagina con ctrl f, però, il testo delle voci che compaiono al passaggio del mouse non viene incluso nella ricerca... c'è modo di ovviare al problema?? grazie

**Mich_** · 04-05-2010, 08:27

Credo che il problema sia nel "display: none" dei blocchi nascosti: vengono proprio tolti dalla pagina.

Se al suo posto si usa il "visibility: hidden", la ricerca avviene regolarmente (o almeno dovrebbe).

Cambiare il display con visibility pero` non e` semplice. Dovresti vedere se trovi dei menu realizzati con il visibility anziche` con il display.

Tra i "lilnk utili" del forum ci sono alcuni riferimenti a raccolte di menu; in alternativa cerca in rete.

**Cho Hakkai** · 04-05-2010, 15:44

Originariamente inviato da Mich_
Credo che il problema sia nel "display: none" dei blocchi nascosti: vengono proprio tolti dalla pagina.

Se al suo posto si usa il "visibility: hidden", la ricerca avviene regolarmente (o almeno dovrebbe).

Cambiare il display con visibility pero` non e` semplice. Dovresti vedere se trovi dei menu realizzati con il visibility anziche` con il display.

Tra i "lilnk utili" del forum ci sono alcuni riferimenti a raccolte di menu; in alternativa cerca in rete.

grazie mich della risposta
ho provato a levare il dispay:none e mettere visibility:hidden ed il menù funziona lo stesso, solo che anche in questo caso mi da il problema con ctrl f

**Mich_** · 04-05-2010, 17:09

Hai un link per farci vedere come (non) funziona?

Cosi` vediamo anche il codice HTML, CSS e la DTD.

PS: hai provato con browser diversi? Si comportano tutti allo stesso modo?

**Cho Hakkai** · 05-05-2010, 15:26

Originariamente inviato da Mich_
Hai un link per farci vedere come (non) funziona?

Cosi` vediamo anche il codice HTML, CSS e la DTD.

PS: hai provato con browser diversi? Si comportano tutti allo stesso modo?

no è in locale ma vi posto il codice
e mi da il solito problema anche se cambio browser

codice:

#intro{
position:relative;}

#intro p.desc{
font-family: MV boli, Verdana, sans-serif;
color: #000000;
font-size: 14px;
}

/* div della mappa x20 */
#cssmap{
width: 14000px;
height: 140000px;
background: url('cartina4.jpg');
border: 1px solid #000;
position: relative;
z-index: 100;
}


/* Link inseriti nelle voci dell'elenco puntato */
#cssmap ul li{
list-style-type:none;
position: absolute;
display: block;
cursor: pointer;

}

/* tendina */
#cssmap ul li.white{
font-family: MV boli, Verdana, sans-serif;
text-decoration: none;
color: #000000;
background: #e2d9bc;
padding: 2px;
border: 1px solid #553c04;
border-bottom: 0;
width: 200px;
font-size: 13px;
margin: 0;
list-style: none;
}

#cssmap li ul {
position: absolute;
display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#cssmap li:hover ul { display: block; }

/* Posizionamento punti moltiplicati x20*/
#cssmap ul li.p1 { left: 700px; top: 3940px; } /* Primo segnalino */
#cssmap ul li.p2 { left: 13340px; top: 11540px; }
#cssmap ul li.p3 { left: 13300px; top: 11480px; }

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Excalibur's map</title>
<link href="dati.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="intro"><p class="desc">
Legenda:

[img]castle1.ico[/img] città alleate
</p>
</div>
<div id="cssmap">
<ul>
<li class="p1">[img]castle1.ico[/img]<ul><li class="white">Pisa, Lord Giacomus (35,197)[/list]
<li class="p2">[img]castle1.ico[/img]<ul><li class="white">Circus, Lord Massimilia2212 (667,577)[/list]
<li class="p3">[img]castle1.ico[/img]<ul><li class="white">Florencia, Lord Massimilia2212 (665,574)[/list][/list]
</div>
</body>
</html>

**Mich_** · 05-05-2010, 17:02

Ho provato a caricare quel codice in una pagina e l'ho testata nel browser (FF3.01 sotto linux).

Ho notato vari errori di semantica, che potrebbero diventare importanti qualora la cosa dovesse funzionare in brwoser diversi da quelli in cui testi.
Ed ho notato attributi di formattazione HTML, che possono impedire il normale funzionamento del CSS (ma dipende da come i brwoser interpretano i conflitti tra formattazioni diverse).

Comunque sostituendo il display con visibility, il menu non funziona piu`.

Quello che puoi provare e` sostituire gli attributi display con il colore trasparente (sia del font che dello sfondo).

**Cho Hakkai** · 05-05-2010, 20:36

Originariamente inviato da Mich_
Ho provato a caricare quel codice in una pagina e l'ho testata nel browser (FF3.01 sotto linux).

Ho notato vari errori di semantica, che potrebbero diventare importanti qualora la cosa dovesse funzionare in brwoser diversi da quelli in cui testi.
Ed ho notato attributi di formattazione HTML, che possono impedire il normale funzionamento del CSS (ma dipende da come i brwoser interpretano i conflitti tra formattazioni diverse).

Comunque sostituendo il display con visibility, il menu non funziona piu`.

Quello che puoi provare e` sostituire gli attributi display con il colore trasparente (sia del font che dello sfondo).

ti ringrazio

per gli errori me ne ero accorto pur io, ma dato che ancora non era online mi era passato di correggerli

Discussione: menu a comparsa e ctrl F

Strumenti discussione

Ricerca discussione

Visualizza

menu a comparsa e ctrl F

Permessi di invio