Hola!, estoy tratando de ponerle bordes redondeados a las cajas de los comentarios (en wordpress). Pensé que sería fácil, incluso creo que estoy bastante cerca de lograrlo pero tengo un pequeño problema. Podéis verlo en vivo
AQUI
Como se observa, me sale una línea entre medio.. y no se como sacarla! probé 1001 maneras, que si padding-top, que si padding, que si margin, con diferentes valores (negativos también), quitandolos, etc... y es que yo creo que algo me lo está "jodiendo" pero no tengo ni idea que pueda ser. Os pego la parte del php y el css
Archivo comments.php:
Código PHP:
<div class="comenarriba" style="min-height: 50px;" ></div>
<div class="comenbody" style="min-height: 2px; background-color: #f4fbff; padding: 0px;">
<img src="<?php gravatar("R", 60, "http://www.blueblog.org/wp-content/nogravatar.png"); ?>" alt="" align="left" border-width="0"/>
<p style="margin-left: 15px; text-align: left;"> Autor: <b><?php comment_author_link() ?></b> el <?php comment_date('d.m.y') ?> @ <?php comment_time() ?> <?php edit_comment_link(__("e"), ''); ?><?php comment_text() ?></p>
<p class="post-footer" style="margin-bottom: 0px; padding-left:0px;"></p>
<div class="comenabajo" style="min-height: 60px;"></div>
Archivo style.css (El completo podéis verlo
aquí)
Código:
.comenarriba {
background: url(comentop.png) no-repeat top center;
padding-bottom: 1px;
}
.comenbody {
background: url(comenbody.gif) repeat-y;
padding-top: 0px;
margin-top: 0px;
}
.comenabajo {
background: url(comenbot.png) no-repeat bottom;
padding: 1px 1px 0 0;
text-align: right;
font: .65em Verdana, sans-serif;
}