Problema borde tabla esta a 0 y siguo viendo

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Hola de nuevo a todos, por fin he conseguido alinear los iconos que he diseñado mediante vuestro consejo, al final he usado dreanwever.
    Mi problema es que como vereis mi blog aunque el borde lo tengo a 0 se sigue viendo una linea divisoria muy fina, y en los iconos de la mitad se ve como una sombra gris de fondo, lo que quiero es que se vea el fondo totalmente blanco, alguien sabe que puedo hacer?

    Gracias por adelantado!

    El blog con el que necesito ayuda es (visible solo para usuarios conectados).

  • Avatar de Desconocido
    galois · Moderador ·

    Para el color de fondo de la tabla, lee esto:
    http://wpbtips.wordpress.com/2011/02/13/overriding-default-table-colors/

    Para las líneas, esto:

    Overriding default table borders

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Galois gracias, he intentado pegar ese codigo pero no tengo mucha idea de html y nose donde colocarlo,esta es mas o menos la estructura de la tabla en el enlace me pide que ponga esto: 

    <table style="border:none;">
<td style="border:none;">

    Entiendo que es arriba donde pone table y despues el td donde empieza el td pero me hace un desastre en la tabla.
    Y para eliminar el color de fondo me pasa igual 

    <td style="background:transparent;">

<table width="668" border="0" cellspacing="10">
<tbody>
<tr>
<td width="127"> <a href="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg"><img class="size-full wp-image-203 alignnone" alt="imprenta2" src="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg" width="284" height="189" /></a></td>
<td width="142"><a href="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg"><img class="aligncenter size-full wp-image-201" alt="diseño-grafico2" src="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg" width="284" height="189" /></a></td>
<td width="225"> <a href="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg"><img class="aligncenter size-full wp-image-200" alt="articulos-personalizados" src="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg" width="284" height="189" /></a></td>
</tr>
  • Avatar de Desconocido
    galois · Moderador ·

    Hola.
    Has pegado mal el código de la tabla aquí en el foro. Siempre debes poner un acento grave primero, a continuación el código y finalmente otro acento grave.

    El acento grave está al lado derecho de la P en un teclado español estándar, es el símbolo que está entre paréntesis a continuación (`)

    Voy a corregir tu último mensaje para que salga bien.

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Ok gracias, para la proxima lo hare asi.
    Por otro lado sigo con el problema he solucionado quitar el borde de fuera pero al intentar quitar el borde que me queda se borra la imagen.

    como lo hago?

    y el fondo sombreado como lo quito?

    gracias

  • Avatar de Desconocido
    galois · Moderador ·

    Pega aquí todo el código de la tabla que tienes en tu blog. tal cual está ahora para que pueda mirarlo.

    No olvides los acentos graves.

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Ahi lo llevas como ves he puesto lo de border none y he quitado el de fuera pero el de dentro me borra la imagen, y la sombra no hay manera de quitarla. Gracias

    <table style="border: none;" width="668">
<tbody>
<tr>
<td width="127"><a title="IMPRENTA" href="http://dpmpromo.wordpress.com/de-todo/imprenta/"><img class="size-full wp-image-203 alignleft" alt="imprenta2" src="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg" width="284" height="189" /></a></td>
<td width="142"><a title="DISEÑO GRÁFICO" href="http://dpmpromo.wordpress.com/de-todo/disenos/"><img class="aligncenter size-full wp-image-201" alt="diseño-grafico2" src="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg" width="284" height="189" /></a></td>
<td width="225"><a title="ARTICULOS PERSONALIZADOS" href="http://dpmpromo.wordpress.com/de-todo/articulos-personalizados/"><img class="aligncenter size-full wp-image-200" alt="articulos-personalizados" src="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg" width="284" height="189" /></a></td>
</tr>
<tr>
<td><a title="AUDIOVISUALES" href="http://dpmpromo.wordpress.com/de-todo/audiovisuales/"><img class="aligncenter size-full wp-image-205" alt="audivisuales2" src="http://dpmpromo.files.wordpress.com/2013/01/audivisuales2.jpg" width="284" height="189" /></a></td>
<td><a title="OFERTAS" href="http://dpmpromo.wordpress.com/ofertas/"><img class="aligncenter size-full wp-image-204" alt="ofertas2" src="http://dpmpromo.files.wordpress.com/2013/01/ofertas2.jpg" width="284" height="284" /></a></td>
<td><a title="FABRICACION CDS" href="http://dpmpromo.wordpress.com/fabricacion-cds/"><img class="aligncenter size-full wp-image-202" alt="fabricacion-cds" src="http://dpmpromo.files.wordpress.com/2013/01/fabricacion-cds.jpg" width="284" height="189" /></a></td>
</tr>
<tr align="center" valign="middle">
<th colspan="4"></th>
</tr>
</tbody>
</table>
  • Avatar de Desconocido
    galois · Moderador ·

    Yo he puesto el atributo style=»border:none;» en el código de la tabla (en cada uno de sus elementos) y no se borra la imagen. Puede ser que haya algún espacio en el código que esté causando el problema.
    Intenta con esto: 

    <table style="border:none;">
<tbody>
<tr>
<td style="border:none;" width="127"><a title="IMPRENTA" href="http://dpmpromo.wordpress.com/de-todo/imprenta/"><img class="size-full wp-image-203 alignleft" alt="imprenta2" src="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg" width="284" height="189" /></a></td>
<td style="border:none;" width="142"><a title="DISEÑO GRÁFICO" href="http://dpmpromo.wordpress.com/de-todo/disenos/"><img class="aligncenter size-full wp-image-201" alt="diseño-grafico2" src="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg" width="284" height="189" /></a></td>
<td style="border:none;" width="225"><a title="ARTICULOS PERSONALIZADOS" href="http://dpmpromo.wordpress.com/de-todo/articulos-personalizados/"><img class="aligncenter size-full wp-image-200" alt="articulos-personalizados" src="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg" width="284" height="189" /></a></td>
</tr>
<tr>
<td style="border:none;"><a title="AUDIOVISUALES" href="http://dpmpromo.wordpress.com/de-todo/audiovisuales/"><img class="aligncenter size-full wp-image-205" alt="audivisuales2" src="http://dpmpromo.files.wordpress.com/2013/01/audivisuales2.jpg" width="284" height="189" /></a></td>
<td style="border:none;"><a title="OFERTAS" href="http://dpmpromo.wordpress.com/ofertas/"><img class="aligncenter size-full wp-image-204" alt="ofertas2" src="http://dpmpromo.files.wordpress.com/2013/01/ofertas2.jpg" width="284" height="284" /></a></td>
<td style="border:none;"><a title="FABRICACION CDS" href="http://dpmpromo.wordpress.com/fabricacion-cds/"><img class="aligncenter size-full wp-image-202" alt="fabricacion-cds" src="http://dpmpromo.files.wordpress.com/2013/01/fabricacion-cds.jpg" width="284" height="189" /></a></td>
</tr>
<tr align="center" valign="middle">
<th colspan="4"></th>
</tr>
</tbody>
</table>
  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Copiado y pegado pero se sigue viendo y la sombra tambien, que locura! se supone que ahora esta todo bien

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    Ademas ahora estoy colacando imagenes en la barra lateral con el widges por defecto del tema y me hace los mismo un marco con una linea fina alrededor

    IMPRENTA

  • Avatar de Desconocido
    chusmz · Moderador ·

    Igual me equivoco pero yo creo que ese borde al que te refieres no es el borde de las celdas de las tablas sino un borde que el tema coloca a las imágenes y para modificarlo habría que tocar el CSS . Dicho esto, prueba este código, el borde no desaparece (por lo dicho anteriormente y para eso hay que pagar la mejora correspondiente) pero si esa «sombra»:

    <table style="border:none;background:transparent;">
<tbody>
<tr style="background:transparent;">
<td style="border:none;"><a title="IMPRENTA" href="http://dpmpromo.wordpress.com/de-todo/imprenta/"><img class="size-full wp-image-203 alignleft" alt="imprenta2" src="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg?w=637" /></a></td>
<td style="border:none;"><a title="DISEÑO GRÁFICO" href="http://dpmpromo.wordpress.com/de-todo/disenos/"><img class="aligncenter size-full wp-image-201" alt="diseño-grafico2" src="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg?w=637" /></a></td>
<td style="border:none;"><a title="ARTICULOS PERSONALIZADOS" href="http://dpmpromo.wordpress.com/de-todo/articulos-personalizados/"><img class="aligncenter size-full wp-image-200" alt="articulos-personalizados" src="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg?w=637" /></a></td>
</tr>
<tr style="background:transparent;">
<td style="border:none;"><a title="AUDIOVISUALES" href="http://dpmpromo.wordpress.com/de-todo/audiovisuales/"><img class="aligncenter size-full wp-image-205" alt="audivisuales2" src="http://dpmpromo.files.wordpress.com/2013/01/audivisuales2.jpg?w=637" /></a></td>
<td style="border:none;"><a title="OFERTAS" href="http://dpmpromo.wordpress.com/ofertas/"><img class="aligncenter size-full wp-image-204" alt="ofertas2" src="http://dpmpromo.files.wordpress.com/2013/01/ofertas2.jpg?w=637" /></a></td>
<td style="border:none;"><a title="FABRICACION CDS" href="http://dpmpromo.wordpress.com/fabricacion-cds/"><img class="aligncenter size-full wp-image-202" alt="fabricacion-cds" src="http://dpmpromo.files.wordpress.com/2013/01/fabricacion-cds.jpg?w=637" /></a></td>
</tr>
</tbody>
</table>
  • Avatar de Desconocido
    galois · Moderador ·

    Igual me equivoco pero yo creo que ese borde al que te refieres no es el borde de las celdas de las tablas sino un borde que el tema coloca a las imágenes

    @dpmpromo es cierto, @jesusbenja tiene razón, ese tema pone un borde a las imágenes porque viene preparado para las Featured images y les coloca esa línea fina a cada una.

  • Avatar de Desconocido
    chusmz · Moderador ·

    Una correción a mi mensaje anterior, para quitar el borde no hace falta tocar el CSS, basta con tocar las propiedades de cada imagen y poner un Estilo «border: 0px none;» en los ajustes avanzados. De esta forma la tabla quedaría asi, lógicamente se ve un recuadro al pasar el cursor sobre cada una indicando que se trata de un enlace: 

    <table style="border: none; background: transparent;">
<tbody>
<tr style="background: transparent;">
<td style="border: none;"><a title="IMPRENTA" href="http://dpmpromo.wordpress.com/de-todo/imprenta/"><img class="size-full wp-image-203 alignleft" style="border: 0px none;" alt="imprenta2" src="http://dpmpromo.files.wordpress.com/2013/01/imprenta21.jpg?w=637" width="284" height="189" /></a></td>
<td style="border: none;"><a title="DISEÑO GRÁFICO" href="http://dpmpromo.wordpress.com/de-todo/disenos/"><img class="aligncenter size-full wp-image-201 alignleft" style="border: 0 none;" alt="diseño-grafico2" src="http://dpmpromo.files.wordpress.com/2013/01/disencc83o-grafico2.jpg?w=637" /></a></td>
<td style="border: none;"><a title="ARTICULOS PERSONALIZADOS" href="http://dpmpromo.wordpress.com/de-todo/articulos-personalizados/"><img class="aligncenter size-full wp-image-200 alignleft" style="border: 0 none;" alt="articulos-personalizados" src="http://dpmpromo.files.wordpress.com/2013/01/articulos-personalizados.jpg?w=637" /></a></td>
</tr>
<tr style="background: transparent;">
<td style="border: none;"><a title="AUDIOVISUALES" href="http://dpmpromo.wordpress.com/de-todo/audiovisuales/"><img class="aligncenter size-full wp-image-205 alignleft" style="border: 0 none;" alt="audivisuales2" src="http://dpmpromo.files.wordpress.com/2013/01/audivisuales2.jpg?w=637" /></a></td>
<td style="border: none;"><a title="OFERTAS" href="http://dpmpromo.wordpress.com/ofertas/"><img class="aligncenter size-full wp-image-204 alignleft" style="border: 0 none;" alt="ofertas2" src="http://dpmpromo.files.wordpress.com/2013/01/ofertas2.jpg?w=637" /></a></td>
<td style="border: none;"><a title="FABRICACION CDS" href="http://dpmpromo.wordpress.com/fabricacion-cds/"><img class="aligncenter size-full wp-image-202 alignleft" style="border: 0px none;" alt="fabricacion-cds" src="http://dpmpromo.files.wordpress.com/2013/01/fabricacion-cds.jpg?w=637" /></a></td>
</tr>
</tbody>
</table>
  • Avatar de Desconocido
    dpmpromo · Miembro ·

    AHORA SI OK!! ERES UN CRACK!! y con respecto a los bordes he leido por ahi y es cierto que ese borde lo produce ese tema, asi que supongo que o pago para quitarlo o busco otro tema, pero claro la estructura que quiero nose si podra hacer con otro similar y que no lo lleve.
    En fin, conoces alguno que me lo adapte y que no pierda lo que he realizado?
    no dudes en decirmelo, sino, pues tendre que joderme y seguir con este.
    Gracias señores!

  • Avatar de Desconocido
    chusmz · Moderador ·

    ¿Leíste y probaste mi anterior mensaje?

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    ya esta! JESUS ERES DIOS!
    GRACIAS SOLUCIONADO!

  • Avatar de Desconocido
    chusmz · Moderador ·

    jajaja no diría yo tanto.

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    buff ya estoy de nuevo por aki, ahora me sale al colocar un widget de imagen en el lateral, y aqui no tengo opcion de modificar el estilo porque es un wiget de estos! es en la imagen de oferta

    IMPRENTA

  • Avatar de Desconocido
    chusmz · Moderador ·

    En lugar de ponerla en un widget de imagen, prueba a ponerla en un widget de texto.

  • Avatar de Desconocido
    dpmpromo · Miembro ·

    FUNCIONANDO!

1 2
  • El debate ‘Problema borde tabla esta a 0 y siguo viendo’ está cerrado y no admite más respuestas.