td hover смяна цвета на линка

[NewGuy]

Здравейте чудя се как да направя когато мина през някое <td> да се сменя цвета на текста той е линк. :roll: Или как да направя цялото <td> link? :roll: [/code]

 

[emagi]

<a href="#"><td> </td></a>

Така не става ли?

 

[NewGuy]

Под FF Не е линк. Идеята ми е като мина през това <td> цвета на <td>-то да се сменя и цвета на линка да се сменя. Като мина през ТД-то се сменя неговият цвят но на линка не се. :roll:

 

[emagi]

Пробвах, но сменям само цвета на <td> </td>

<!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>Untitled Document</title>
<script type="text/javascript">
function change(){
var text = document.getElementById('text');
text.bgColor = 'blue';
}
</script>
</head>

<body><table width="0" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="text" onmouseover="change();"><a href="#" id="text1" >Eto edna proba</a></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

</body>
</html>

 

[NewGuy]

Не ми трябва това. Трябва ми нещо такова като менюто на http://www.aha.bg/ . Извинявам се за рекламата.

 

[emagi]

Това става с CSS:

<!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>Untitled Document</title>
<style type="text/css">
td a:link {
background:#CC9900;
color:#000000;
padding:10px;
}
td a:hover {
background:#009900;
padding:10px;
color:#FFFFFF;
}
</style>
</head>

<body><table width="0" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">asdga</a></td>
  </tr>
</table>

</body>
</html>

Ето един прост пример,дето го направигх набързо!Принципа е съшия! :?:

 

[NewGuy]

Благодаря искам само да попитам как да го направя широко 100%? :roll:

 

[emagi]

Благодаря искам само да попитам как да го направя широко 100%? :roll:

За кое става дума?

 

[NewGuy]

Под netscape като отида на линка само на него ми слага цвят под ie прави цялото td в цвят. Също така как мога да сложа padding? :roll:

 

[emagi]

я пробвай:

<!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>Untitled Document</title>
<style type="text/css">
td a {
display: block;
background: #f00;
color: #fff;
padding:10px;
}
td a:hover {
background: #0f0;
padding:10px;
} 
</style>
</head>

<body><table width="0" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="padding:10px;"><a href="#">asdga</a></td>
  </tr>
</table>

</body>
</html>

P.S. Съжелявам за късният отговор, сега виждам че си писал!

 

[NewGuy]

Много благодаря! :?: