[HTML4.01]Tooltip per immagini. Esiste in CSS?

**dies** · 27-09-2004, 13:06

Ciao raga,

ho sfogliato diverse discussioni e diversi articoli di pro.html.it
Ma non ho capito e ne trovato se è possibile realizzare un tooltip sulle immagini.

Graie a tutti per l'attenzione

dies

**panta** · 27-09-2004, 13:26

beh, se non vuoi ricorrere a JS l'unica è quella di usare gli attributi alt e title che non possono essere stilati da css e compaiono dopo un tot di tempo fermi sull'immagine a seconda del browser

ciao

**dies** · 27-09-2004, 14:19

Ciao,

sto cercando di adattare l'esempio trovato su pro.html.it

questo è il foglio di stile:

codice:

a{ position:relative;
   z-index:24; /*background-color: #ccc;*/   color: #000;
   text-decoration: none}
a:hover{ z-index: 25; background-color: #ff0;}
a span{display: none;}
a:hover span{ display: block; position:absolute; top: 2em; left: 2em; width: 15em;
    border: 1px solid #0cf; background-color: #cff; color:#000;
    font-size: 80%;text-align: center;}

nella pagina:
<a href="#">[img]file.gif[/img]<span>davvero una pietra miliare
del webdesign. Link esterno, in inglese</span></a>

Il problema e che non voglio uno sfondo all'immagine quando si passa sull'immagine. COme si fa?

Perché se cerco di togliere la parte in rosso non funge più

Grazie per l'attenzione

dies

**Jerry Masslo** · 27-09-2004, 19:04

ma tu vuoi il tootip sull'immagine o un'immagine tooltip sul link? perché quel codice fa la seconda, a ogni modo supponendo tu voglia la prima non riscontro il problema che dici

ho messo un rosso perché colla mia immagine veniva nero su nero
<html>
<head>
<title>Untitled</title>
<style type="text/css">
a {position:relative;
z-index:24;
color: #000;
text-decoration: none}
a:hover{ z-index: 25; background-color: #ff0;}
a span{display: none;}
a:hover span{ display: block;
position:absolute;
top: 2em;
left: 2em; width: 15em;
border: 1px solid #0cf;
color:red;
font-size: 80%;text-align: center;}
</style>
</head>
<body>
<div>
[img]Smarte.jpg[/img]<span>Tooltip su immagine</span>altro testo
</div>
</body>
</html>

**simone.xml** · 27-09-2004, 19:51

non mi è chiara la domanda, se intendi il tooltip del browser basta che setti l'attributo alt.

**dotty78** · 08-10-2004, 10:10

Sposto in CSS e XHTML.

Discussione: [HTML4.01]Tooltip per immagini. Esiste in CSS?

Strumenti discussione

Ricerca discussione

Visualizza

[HTML4.01]Tooltip per immagini. Esiste in CSS?

Permessi di invio