Estilos personalizados en Wordpress

dryant · #1 (**permalink**) 18/09/2011, 04:59

Hola!
He creado una pagina en mi blog en wordpress con una tabla la cual quería ponerla con estilos personalizados.
He diseñado la tabla en dreamweaver y le he puesto en el mismo documento todos los estilos la gran mayoría (casi todos) aplicados a las propias etiquetas html.
Luego he copiado el código en el editor de wordpress en el apartado de html y el caso que solo me pilla algunos estilos, muy pocos, y la gran mayoría los ignora.
Pego aquí el codigo que he puesto en mi pagina y el enlace de la pagina en si de mi blog para que veáis como va.

Cita:

<!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>Documento sin título</title>

<style type="text/css">

/*
--------------------------------------------------------------------------------
What: "Oranges in the sky" Styles(Table data design)
Who: Krasimir Makaveev(krasi [at] makaveev [dot] com)
When: 15.09.2005(created)
--------------------------------------------------------------------------------
*/

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #333;
}

table caption {
font-size: 1.1em;
font-weight: bold;
letter-spacing: -1px;
margin-bottom: 10px;
padding: 5px;
background: #efefef;
border: 1px solid #ccc;
color: #666;
}

table a {
text-decoration: none;
border-bottom: 1px dotted #f60;
color: #f60;
font-weight: bold;
}

table a:hover {
text-decoration: none;
color: #fff;
background: #f60;
}

table tr th a {
color: #369;
border-bottom: 1px dotted #369;
}

table tr th a:hover {
color: #fff;
background: #369;
}

table thead tr th {
text-transform: uppercase;
background: #e2e2e2;
}

table tfoot tr th, table tfoot tr td {
text-transform: uppercase;
color: #000;
font-weight: bold;
}

table tfoot tr th {
width: 20%;
}

table tfoot tr td {
width: 80%;
}

table td, table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
line-height: 1.8em;
font-size: 0.8em;
vertical-align: top;
width: 20%;
}

table tr.odd th, table tr.odd td {
background: #efefef;
}
.mini {
font-size:8px;
}
</style>
</head>

<body>
<table width="600" border="1" align="center">
<caption>
Roms No oficiales del gw620
</caption>
<tr>
<th width="22%" scope="col">Nombre de Rom</th>
<th scope="col">Version Android</th>
<th colspan="2" scope="col">Descripcion</th>
<th width="20%" scope="col">Descarga</th>
</tr>
<tr>
<td height="36" align="center">Gingerbread</td>
<td align="center">2.3.4</td>
<td colspan="2" align="center">La ultima version que hay a fecha de hoy, (sábado 17 de septiembre de 2011), y que ademas es la mas estable, y de las que mejor funciona. Mejora notablemente la fluidez del teléfono.hgamezz</td>
<td align="center">Android2.3.4_01<br />
Android2.3.4_02<br />
Android2.3.4_03<br />
Android2.3.4_04<br />
Android2.3.4_05<br />
Android2.3.4_06<br />
Android2.3.4_07</td>
</tr>
<tr>
<td align="center">Froyo <br />
con Fastboot en formato kdz</td>
<td align="center"><p>2.2</p></td>
<td colspan="2" align="center">Esta Rom podremos instalarla con el LG Utils. De esta manera podremos actualizar sin problemas nuestro GW620 a una rom con fastboot en el caso de que tuviéramos que hacer un downgrade. Muy útil si hemos instalado un Froyo 2.2 sin Fastboot y no podemos hacer downgrade de otra manera.</td>
<td align="center">Froyo con fastboot</td>
</tr>
<tr>
<td align="center">ToleRom.</td>
<td align="center">1.6</td>
<td colspan="2" align="center"><p>Esta es (creo) la primera Rom extraoficial que salió para este movil. Creada por del gran Tolemac, fue un autentico logro que mejoro muchísimo el teléfono cuando todavía no había esperanza ninguna de salir del 1.5.</p>
<p>Podeis leer mas acerca de Tolemac en su web</p></td>
<td align="center">Tolerom</td>
</tr>
<tr>
<td align="center"> </td>
<td width="18%" align="center"> </td>
<td width="20%" align="center"> </td>
<td width="20%" align="center"> </td>
<td align="center"> </td>
</tr>
</table>
<p> </p>
<table width="600" border="1" align="center">
<caption>
Drivers gw620
</caption>
<tr>
<th scope="col">Drivers</th>
<th scope="col">Descripcion</th>
<th scope="col">Plataforma</th>
<th scope="col">Descarga</th>
</tr>
<tr>
<td>Fenival</td>
<td><p>Fenival instalo los drivers sacados de varios tutoriales, y cuando los tenia en su archivo los saco de su maquina y los envio al blog.</p>
<p>Gracias Fenival! </p></td>
<td>Windows 7</td>
<td>Drivers Fenival</td>
</tr>
<tr>
<td align="center"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
<table width="600" border="1" align="center">
<caption>
Roms Oficiales del gw620
</caption>
<tr>
<th width="22%" scope="col">Version de Rom</th>
<th width="18%" scope="col">Pais</th>
<th width="20%" scope="col">Operador</th>
<th width="20%" scope="col">Usuarios <br />
<span class="mini">que tienen esta Rom</span></th>
<th width="20%" scope="col">Descarga</th>
</tr>
<tr>
<td height="36" align="center">V10A_02</td>
<td align="center">México</td>
<td align="center">Telcel</td>
<td align="center">hgamezz</td>
<td align="center"><a href="http://depositfiles.com/files/b0xyzhp8v"><img src="flecha.jpg" width="20" height="20" alt="Descargar Rom Gw620" /></a></td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
</table>
</body>
</html>

Y este es el link de la pagina ya publicada http://www.gw620.com/descargas

Por cierto también he intentado poner los estilos en el styles.css de mi tema pero el resultado es el mismo.

El caso es que el html creado en wordpress si funciona por si solo, por lo que creo que wordpress prioriza algunos estilos suyos antes que los míos. Estoy en lo cierto?
¿Como podría solucionarlo?
Muchas gracias a todos!

dryant · #2 (**permalink**) 18/09/2011, 05:32

He desactivado la pagina final donde se podía ver el problema, porque el diseño era demasiado caótico y el blog no puedo tenerlo así hasta que lo solucione.
Por lo tanto no se puede ver, el resultado, aunque era prácticamente nulo.
Sigo buscando una solución.
Gracias anticipadas a todo el mundo.