Hola, me estoy peleando con este codigo y no se como hacerlo. No se mucho de HTML, todo lo que se es a base de mirar codigo de otras paginas y ir pegando poco a poco.
El tema es que tengo una tabla y la linea entre celdas quiero que sea transparente o que no la halla. El tema es que quiero poner en una celda parte de una imagen y en otra celda el otro trozo de la imagen, y que se vea la imagen completa.
Os pongo la captura de la imagen con el HTML y el CSS:
Captura:
HTML:
Código:
<html><head><title>jlazkano.net</title>
<link rel="stylesheet" href="estilo.css">
<meta http-equiv="imagetoolbar" content="no"></head><body bgcolor="#f1f1f1">
<div align="center">
<center>
<table style="border-collapse: collapse;" background="logo_black.jpg" border="1" cellpadding="0" cellspacing="0" width="760">
<tbody><tr valign="top">
<td style="border-top-style: solid; border-top-width: 1px; border-bottom-style: none; border-bottom-width: 0px; border-right-style: solid; border-right-width: 1px;" colspan="3" valign="middle" width="758">
<p align="center">
<img src="logo_text.jpg" border="0" height="53" width="758"></p></td>
</tr>
<tr valign="top">
<td style="border-top-style: none; border-top-width: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-right-style: none; border-right-width: medium;" valign="middle" width="506">
<p align="center">
<font color="#ffffff"><a href="index.php"><font color="#ffffff">inicio</font></a> |
<a href="estadisticas.php"><font color="#ffffff">estadísticas</font></a> |
<a href="contacto.php"><font color="#ffffff">contacto</font></a></font></p></td>
<td style="border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-right-style: none; border-right-width: medium;" valign="middle" width="252">
<p align="right"><font color="#ffffff">2007 ko Irailak 29, Larunbata</font></p></td>
</tr>
</tbody></table>
CSS:
Código:
td{
font-family: verdana;
color: #000000;
text-decoration: none;
font-size: 8pt;
}
a:link {
color: #004576;
text-decoration: none;
}
a:active {
color: #004576;
text-decoration: none;
}
a:visited {
color: #004576;
text-decoration: none;
}
a:hover {
color: #004576;
text-decoration: none;
}
input, textarea, select
{
font-family: verdana;
font-size: 8pt;
background: #FAFAFA;
border: 1px solid #000000;
}
.MenuaMenu {
border-left:0px solid #484848;
border-right:1px solid #484848;
border-top:1px solid #484848;
border-bottom:1px solid #484848;
background-color: #F1F1F1;
}
.MenuaMenu TD.MenuaLink {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana;
font-size: 70%;
padding: 1px 25px 3px 6px;
}
.MenuaLink a {
color: black;
text-decoration: none;
}
.MenuaLink a:hover {
color: black;
text-decoration: none;
}
.MenuaLink a:visited {
color: black;
text-decoration: none;
}
.MenuaLink a:active {
color: black;
text-decoration: none;
}
a.menu {
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.menu:hover {
color: #ffffff;
}