[AutoSolucionado]Problema con HTML o CSS

Iniciado por venadHD, 12 Abril 2015, 18:40 PM

0 Miembros y 1 Visitante están viendo este tema.

venadHD


Solucion:
Código (css) [Seleccionar]
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==
Código (css) [Seleccionar]
* {
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==
Código (xml) [Seleccionar]

<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>

Usuario Invitado

Checka éste fiddle que te hice: Tabla CSS

PD: No sabía que ya lo habías solucionado.
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein