2 funzioni in 1 parola

[ErPiotta71]

'Sera a tutti

Specifico subito che non sono un esperto di html ma qualcosina riesco.

Sto facendo una tabella in html cui vorrei che in un'unica parola contenga un link + che appaia un'immagine quando posizioniamo il puntatore sopra alla parola.

Questo contiene il collegamento al link
<td class="xl70"><a href="http://www.airush.com"> www.airush.com </td>

mentre questo appare l'immagine non appena posizione il puntatore sopra alla parola sushi
<a class="thumbnail" href>sushi<span>[img]Comparsa1.jpg[/img]</span></a>

Ognuno di questi funziona ma non riesco a combinarli insieme.
Se è possibile, come deve essere scritto?

Infine cè un'altra piccola domanda simile.
In questo caso, anzichè apparire un'immagine deve apparire un testo descrittivo.
zzz <a class="thumbnail" href>sushi<span> ciao bello </span></a> zzz
Anche qui funziona cioè appare la scritta "ciao bello" ma la parola "bello" viene visualizzato sotto alla parola "ciao".
Come posso far sì che appaia in un'unica riga?


Spero di non aver esagerato a chiedere questi favori

[ErPiotta71]

Dopo tante prove alla fine ci sono riuscito parzialmente

Ecco qui l'unificazione delle 2 funzioni (apparizione logo + link):
www.airush.com<span>[img]loghi/airush.jpg[/img]</span></td>

Rimane il problema del testo in unica riga anzi più parole per ogni riga.

Il surplus sarebbe quello di permettere di aprire il link in un'altra scheda del browser sennò va bene anche così.

[Vincent.Zeno]

il tutto si regola con css

un esempio:

a.thumbnail:hover span{ /*lo span verrà mostrato solo sullo stato :hover */
	    display:block; position:absolute;
	    top:0em; left:2em; width:15em; padding:10px;

il target si inserisce direttamente nel marcatore

<a class="thumbnail" href="http://www.....com" target="_blank">

se si aprirà una nuova scheda o una nuova finestra dipende dalle impostazioni del browser (sulle quali non puoi agire)

[ErPiotta71]

Grazie per la risposta.

Sul target è perfetto

Sull'altro, quello in css presumo serva per il testo a comparsa fatto di più parole in un'unica riga o suddivise in più righe (anzichè una parola a riga)?
Comunque sia, non riesco a far funzionare in quanto conosco poco l'html, figuriamoci il css.
Ho copiato il codice css e inserito nel gruppetto di codici (per formare una riga di tabella):

<tr>
<td class="xl69">Airush</td>
<td class="xl70">
a.thumbnail:hover span{ /*lo span verrà mostrato solo sullo stato :hover */
display:block; position:absolute;
top:0em; left:2em; width:15em; padding:10px;
</tr>

Pensavo che bastava correggere questo codice :
<a class="thumbnail" href>sushi<span> ciao bello </span></a>

[Vincent.Zeno]

Originariamente inviato da ErPiotta71
Sull'altro, quello in css presumo serva per il testo a comparsa fatto di più parole in un'unica riga o suddivise in più righe (anzichè una parola a riga)?

quello è un'esempio, sta a te adattarlo

il css va... nel css
l'html.. nel'html

ricorda che, come tutti, sei tenuto ad utilizzare il tag [CODE][/CODE] per postare codice. grazie

[ErPiotta71]

Cercando di risolvere ho trovato un altro simile cioè:
<img alt="testo1" title="ciao bello1">

Qui funziona l'apparizione "ciao bello1" in un'unica riga.
Però mi servirebbe che appaia scritte in più righe.
Ad esempio:

ciao bello1
ciao bello2
ecc....

Come al solito, da inesperto non riesco a risolvere

[ErPiotta71]

Risolto quasi alla perfezione

Ecco qui:
<tr>
<td class="">
<a class="thumbnail" href>Airush
<span>
primo elemento

secondo elemento

terzo elemento
</span></a>
</tr>

L'unica che vorrei migliorasse ma già anche così va bene.
Le scritte appaiono con i sottotitoli.
Come si possono togliere?

[Vincent.Zeno]

hai dimenticato di chiudere td

che sono i sottotitoli?


RICORDA CHE, COME TUTTI, SEI TENUTO AD UTILIZZARE IL TAG [CODE][/CODE] PER POSTARE CODICE. GRAZIE

[Vincent.Zeno]

ho riletto un po' tutto...

non capisco lo scopo di span in questo contesto,
perché lo inserisci?

[ErPiotta71]

Grazie per la chiusura con td e per le altre risposte

Per sottotitoli intendo la lineetta sotto alle scritte stesse.

Non conosco il tag code così come per la maggioranza di altri codici, tag ecc.!
Dove vanno posizionati code e /code?
Devo scrivere [code] o <code>?

Non so a che serve il codice span ma se la tolgo, il testo (primo elemento
secondo elemento
terzo elemento) appare nella pagina principale del link anzichè nel testo a comparsa.