Finestra a comparsa laterale senza ul e li

another

Finestra a comparsa laterale senza ul e li

Ciao,
avrei la necessità di far apparire a comparsa con a:hover una finestra laterale, tipo width:500px con un'img in background, senza usare ul e li.
è possibile?

marcocarrieri

Potresti adattare questo esempio alle tue esigenze.
javascript.html.it/demo/javascript/575/esempio.htm

another

purtroppo con ie 8 non funziona come dovrebbe...

marcocarrieri

Mananggia a IE.. naturalmente indovina con browser l'ho guardato?
Firefox eh eh.

another

con questo codice:

div#main a {
position: relative;
display:hidden;
}
div#main a:hover span {
display: block;
position: absolute;
top: 500; left: 400px;
width: 500px;
padding: 5px;
border-style: solid;
border-color: white;
border-width: 5px;
color: white;
background: #720E0E;
text-align: center;
font: bold 12pt Arial;
z-index: 2;
}

<p><a href="#">questo è il link <span>questo il contenuto</span></a><p>

è quasi quello che vorrei, perchè:

il contenuto che dovrebbe comparire solo ad a:hover è sempre presente.

come posso renderlo nascosto, non visibile, quando non si passa col mouse?

marcocarrieri

Con un display:none forse risolvi.

another

con none non si visualizza più nulla... nemmeno il link 'questo è il link' che si dovrebbe vedere...

karedas

Ciao another,
prova in questo modo:


div#main a {
position: relative;
}
div#main a span{display:none;}

Il resto sull'evento hover puoi lasciarlo così come lo hai fatto

Facci sapere.

another

ciao,
grazie e tutti, come sempre, per le risposte.
per il momento avrei risolto in questo modo:

div.box span{
position: relative;
display:none;
}
div.box a span{
position: relative;
display:none;
}
div.box a:hover span {
display: block;
position: absolute;
top: 50px;
left: 400px;
width: 478px;
padding: 5px;
z-index: 2;
color: #000000;
text-decoration: none;
}

però il fatto di avere posizionato 'absolute' potrebbe creare problemi in base alle risoluzioni, o sbaglio?

another

ho risolto (credo...) sostituendo

left: 400px;

con

left: auto;

dico credo, perchè ho provato con questo simulatore:
viewlikeDOTus