Colorare il bordo inferiore di una cella al passaggio del mouse

**Dr Mal** · 09-03-2010, 21:45

Ciao a tutti,

Ragazzi, datemi una mano a risolvere il seguente problema:

Ipotizziamo che in una cella di tabella io abbia il link "home";

come faccio a colorare solo il bordo inferiore di questa cella al passaggio del mouse sul link?

Spero di essere stato chiaro,

Grazie anticipatamente,

**miki003** · 09-03-2010, 22:33

Originariamente inviato da Dr Mal
Ciao a tutti,

Ragazzi, datemi una mano a risolvere il seguente problema:

Ipotizziamo che in una cella di tabella io abbia il link "home";

come faccio a colorare solo il bordo inferiore di questa cella al passaggio del mouse sul link?

Spero di essere stato chiaro,

Grazie anticipatamente,

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">
<!--
#bordo a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00F;
}
-->
</style>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td id="bordo">Home</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

</body>
</html>

**Dr Mal** · 09-03-2010, 22:42

ciao miki, intanto ti ringrazio per la risposta,

Alla cella ho già una classe associata:

codice:

.td_menu {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:95px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	
}

Come faccio?

**miki003** · 09-03-2010, 23:10

codice:

<style type="text/css">
<!--
.td_menu {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:95px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	
}

.td_menu a:hover {
	border-bottom:1px solid #00F;
}
-->
</style>

**Dr Mal** · 09-03-2010, 23:14

Miki ho già provato così: non mi sottolinea il bordo della cella ma il testo che c' è all' interno della cella ...

**miki003** · 10-03-2010, 00:42

Allora fai così

codice:

.td_menu:hover {
	border-bottom:1px solid #00F;
}

**Dr Mal** · 10-03-2010, 11:14

Originariamente inviato da Dr Mal
Miki ho già provato così: non mi sottolinea il bordo della cella ma il testo che c' è all' interno della cella ...

Grazie 1000,

Discussione: Colorare il bordo inferiore di una cella al passaggio del mouse

Strumenti discussione

Ricerca discussione

Visualizza

Colorare il bordo inferiore di una cella al passaggio del mouse

Re: Colorare il bordo inferiore di una cella al passaggio del mouse

Permessi di invio