Hola,
Os escribo porque tengo una duda de principiante
Estoy haciendo unos botones con Dreamweaver CS4. Previamente, he hecho una tabla con cinco celdas, una para cada botón, y las he editado con css. Ahora quiero que cada celda, con su texto correspondiente, funcione como un botón y cambie de color, etc.
El problema es que si pongo el código <a href> después de <td> sólo se convierte en botón el texto y, si lo pongo antes, no funciona bien. ¿Alguien puede ayudarme?
Adjunto los códigos:
HTML:
<body id="tapiz">
<div id="despliegue">
<div id="encabz">
</div>
<div id="contenido">
<table style="border-collapse:collapse" width="100%" border="5" id="tbunno">
<tr>
<td id="izqda">
<table width="100%" border="0" align="center" cellspacing="5px" id="botones">
<tr>
<td><a href="#" target="_self">Inicio</a></td>
</tr>
<tr>
<a href="#"><td>Quienes somos</td></a>
</tr>
<tr>
<td>Noticias</td>
</tr>
<tr>
<td>Descargas</td>
</tr>
<tr>
<td>Contacto</td>
</tr>
</table>
</td>
<td id="dcha"> <table style="border-collapse:collapse" width="100%" border="5" id="tbdos">
<tr>
<td id="oeste">
<p> ejemplo 1 </p>
<p> ejemplo 2 </p>
<p> ejemplo 3 </p>
<p> ejemplo 4 </p>
<p> ejemplo 5 </p>
<p> ejemplo 6 </p>
<p> ejemplo 7 </p>
</td>
<td id="este"> aquí van los logos
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
CSS:
@charset "utf-8";
}
body {
background-color: #97BEC6;
}
#tapiz {
background-color: #97BEC6;
background-image: url(images/azul.jpg);
}
#despliegue {
background-color: #003C65;
width: 1000px;
margin: 0px auto;
height: auto;
margin-top: 0px;
}
#encabz {
background-color: #03F;
height: 150px;
width: 980px;
margin: 0px auto;
margin-top: 10px;
padding-top: 0px;
background-image: url(images/titulo.jpg);
}
#contenido {
background-color: #FFF;
width: 980px;
margin: 0px auto;
margin-top: 30px;
}
#tapiz #despliegue #contenido #tbunno {
background-color: #FFF;
color: #000;
border: 5px solid #FFF;
}
#tapiz #despliegue #contenido #tbunno tr td #tbdos {
background-color: #FFF;
vertical-align: top;
border: 5px solid #FFF;
}
#tapiz #despliegue #contenido #tbunno tr #izqda {
background-color: #FFF;
width: 15%;
vertical-align: top;
}
#tapiz #despliegue #contenido #tbunno tr #dcha {
background-color: #FFF;
}
#tapiz #despliegue #contenido #tbunno tr #dcha #tbdos tr #oeste {
background-color: #FFF;
width: 75%;
vertical-align: top;
}
#tapiz #despliegue #contenido #tbunno tr #dcha #tbdos tr #este {
background-color: #FFF;
vertical-align: top;
}
#tapiz #despliegue #contenido #tbunno tr #izqda #botones {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #FFF;
background-color: #FFF;
text-align: center;
font-weight: bold;
}
#tapiz #despliegue #contenido #tbunno tr #izqda #botones tr td {
background-color: #003C65;
height: 25px;
}