Come faccio ad ingrandire un linnk al passaggio del mouse?

**regiui** · 17-10-2008, 11:43

Salve a tutti..vi chiedevo una cosa..sto costruendo un sito in HTML..
ho fatto una tabella..volevo chiedervi..mi sapete dare i tag per fare in modo che all'interno
delle celle..essendo dei link..al passaggio del mouse il link si ingrandisce e magari cambia colore??
Vi prego aiutatemi..Grazie Andrea

**Myaku** · 17-10-2008, 13:04

dovresti usare le pseudoclassi css, in particolare :hover

http://css.html.it/guide/lezione/23/le-pseudoclassi/

occhio quando le definisci a rispettare l'ordine: link, visited, hover, active

**regiui** · 17-10-2008, 15:03

Grazie, ora provo a dargli un occhiata..ma non c'è un semplice comando html??un tag
da inserire??sono abbastanza INESPERTO..per quello dico..comunqu gli butto un occhio e poi ti chiedo di nuovo aiuto se ne ho bisogno

thank's.

**regiui** · 17-10-2008, 17:41

Salve a tutti..e sopratutto a te..MYAKU

ti scrivo i tag della mia "tabella".

<table width="300" height="200" border="3" cellpadding="0" cellspacing="1" bgcolor="#00FF00">
<tr>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"> <a href="http://www.ikariam.it/">IKARIAM</td></FONT COLOR="FF66FF"></center>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"><a href="http://www.ryanair.it/">RYANAIR</td></FONT COLOR="FF66FF"></center>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"> <a href="http://www.calciomercato.com/">CALCIOMERCATO</td></FONT COLOR="FF66FF"></center>

</tr>
<tr>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>

</tr>
<tr>
<td bgcolor="#99FF00"> <center>prove</td></center>
<td bgcolor="#99FF00"> <center>prove</td></center>
<td bgcolor="#99FF00"><center> prove</td></center>
</tr>
</table>

Ecco..dove ci sono i link..dentro la tabella..vorrei che si ingrandessero al passaggio del mouse..mi riesci a correggere i tag da me scritti?? grazie ancora

**Myaku** · 17-10-2008, 17:59

Originariamente inviato da regiui

mi riesci a correggere i tag da me scritti?? grazie ancora

ehm ... mi sa che quel codice sarebbe da riscrivere da zero

1. un menu è una lista
2. elimina le tabelle per il layout
3. elimina gli attributi/tag presentazionali html e porta tutto ciò che riguarda formattazioni, posizionamenti, sfondi, ecc.ecc. in un css, possibilmente esterno.
4. se non l'hai già fatto, prediligi l'utilizzo di una dtd strict.

se ancora non sei pratico con i layout tableless, dai uno sguardo a layout gala (lo trovi da google o qui dal forum)

**Gufo** · 17-10-2008, 18:10

Originariamente inviato da regiui
Salve a tutti..e sopratutto a te..MYAKU

ti scrivo i tag della mia "tabella".

<table width="300" height="200" border="3" cellpadding="0" cellspacing="1" bgcolor="#00FF00">
<tr>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"> <a href="http://www.ikariam.it/">IKARIAM</td></FONT COLOR="FF66FF"></center>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"><a href="http://www.ryanair.it/">RYANAIR</td></FONT COLOR="FF66FF"></center>
<td bgcolor="#FFFFCC"><center><FONT COLOR="FF66FF"> <a href="http://www.calciomercato.com/">CALCIOMERCATO</td></FONT COLOR="FF66FF"></center>

</tr>
<tr>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>
<td bgcolor="#FFCCFF"> <center>andrea</td></center>

</tr>
<tr>
<td bgcolor="#99FF00"> <center>prove</td></center>
<td bgcolor="#99FF00"> <center>prove</td></center>
<td bgcolor="#99FF00"><center> prove</td></center>
</tr>
</table>

Ecco..dove ci sono i link..dentro la tabella..vorrei che si ingrandessero al passaggio del mouse..mi riesci a correggere i tag da me scritti?? grazie ancora

Questo codice fa orrore, non hai nemmenu chiuso i tag <a>

Comunque ecco come devio fare per ingrandire il testo

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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FF66FF;
}
a {
	font-size: 12pt;
	color: #FF66FF;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
	font-size:16pt;
}
a:active {
	text-decoration: underline;
	color: #009966;
}
-->
</style></head>

<body>

Calciomercato

</body>
</html>

**WebMinus** · 03-05-2011, 00:25

Scusate se mi intrometto. Non so se sia un ragionamento che fila, ma scrivo qui per non creare un nuovo post per un argomento molto simile a questo:

In breve, io vorrei far si che al passaggio del muose su un link questo si ingrandisse. Questo link però non è di testo, ma un'immagine. Attraverso appunto CSS, con a:hover, pensavo di riuscirci, ma tra le graffe non so che mette. Con font-size o widht non succede nulla. Qualcuno sa aiutarmi?

Grazie.

Alessandro

**Vincent.Zeno** · 03-05-2011, 00:43

Originariamente inviato da WebMinus
... scrivo qui per non creare un nuovo post per un argomento molto simile a questo:

tranquillo: apri pure un nuovo post, è gratis!

questo è un post defunto da tre anni... quindi chiudo

Discussione: Come faccio ad ingrandire un linnk al passaggio del mouse?

Strumenti discussione

Ricerca discussione

Visualizza

Come faccio ad ingrandire un linnk al passaggio del mouse?

Permessi di invio