Solucion:
table.footer {
background-color: #888888;
border: 0.12em solid black;
border-spacing: 6em 1em;
border-collapse: separate;
}
td{
background-color: #888888;
border-style::none;
width:4em;
}
Estaba creando un footer para mi web, y me ocurre que al colocar una tabla dentro de div, se separa la ostia. algo como esto:
Titulo Titulo
Elemento Elemento
Queriendo que quede asi
Titulo titulo2 titulo3
001 002 003
Tengo que usar cellspacing?
Y si, aunque le ponga 0.1%, y no sé porque. Si quito el porcentaje, funciona, pero no seía relativo a otras resoluciones de pantalla :S
==CSS==
* {
font-family: arial, verdana, sans-serif;
font-size: 103%;
}
a, a:visited, a:link, a:hover, a:active {
text-decoration: none;
color: #000000;
}
hr.footer {
height:1%;
background-color:#000000;
}
table.footer {
background-color: #888888;
border: 2px solid black;
border: 100%;
border-collapse: collapse;
}
td{
background-color: #888888;
border-style::none;
width: 0.1%;
}
div#footer {
margin-top:100%;
margin-bottom: 15%;
margin-right: 20%;
margin-left: 15%;
color: #000000;
font: bold;
text-transform:capitalize;
font-weight: bold;
background-color:#666666;
}
==HTML SIMPLITO==
<html>
<head>
<link rel='stylesheet' type='text/css' href='css/index.css' />
<!--link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">-->
<title>CATH proyect </title>
</head>
<body>
<div id='footer'>
<hr class="footer"/>
<table class="footer">
<td>Informacion </td><td>ds</td><tr>
<td>001</td><td>002</td>
</table>
</div>
</body>
</html>
Checka éste fiddle que te hice: Tabla CSS (http://jsfiddle.net/z8rxnskz/)
PD: No sabía que ya lo habías solucionado.