Porque no me funciona este <span> '''???

[jonysi_d]

Hola, tengo este pequeño codigo, pero no se porque no me visualiza el span correctamente sugun lo indicado en el codigo CSS, he provado varias convinaciones, pero no encuentro el error, este es el codigo:

<div class="visitas">
<p> <?php
include 'contador.php';
?>
<span class="contador"> V i s i t a s</span></p>
</div>



el CSS, es:
.contador { margin-bottom:50px;}
.visitas{ margin-left:250px; width:350px; height:10px;}


Alguna sugerencia ( como informacion quiero indicar el el enlace a mi CSS es correcto ya que hay otras funciones que funcionan correctamenteLa clase ".visitas" funciona correctamente, pero la classe " contador" no se visualiza el margen que le pido. Porque ???? Imagino que es un problema de HTML...!!!???

Gracias...

[loncho_rojas]

Iniciado por jonysi_d

<div class="visitas">
<p> <?php
include 'contador.php';
?>
<span class="contador"> V i s i t a s</span></p>
</div>



el CSS, es:
.contador { margin-bottom:50px;}
.visitas{ margin-left:250px; width:350px; height:10px;}

EL CSS ESTA CORRECTO

Aplicas un margen al DIV, que se aplica sin problemas, dado que es una caja contenedora, por ende, esta bien indicarle que tenga un MARGEN con referencia a otro elemento.

Si aplicas Margen a un texto, es poco probable que te lo acepte, lo mas recomendable es hacer un "padding-bottom", solo debes saber que el padding aumentara de tamaño tu div contenedor.

Es decir, si tu div tiene 350px, al agregar un elemento con padding de 50px; tu div pasara a tener 350 + 50 px--- por lo que es recomendable, si afecta la estructura, aplicar 50px de padding, pero restarle 50px de margin a tu DIV..

espero te sirva

Ahora bien, no tiene sentido hacer un DIV que tenga 10px en sentido vertical, y generes un elemento adentro que tenga 50px; de margen vertical con el bottom.. porque mejor no le pones

.visitas{ margin-left:250px; margin-bottom:50px; width:350px; height:10px;}

lo cual seria mas logico.

[jonysi_d]

ok... mi duda basicamente era esa, si al querer realizar un cambio en el texto se deberia visualizar o no ??? aunque he hecho la prueba modificando el padding envez del margin-bottom, pero solo me aplica el padding horizontalmente, pero verticalmente no.Por cierto, el msrgin-bottom de 50px es un margen exagerado que puse de prueva para poder visualizar correctamente si se aplica o no el cambio. Entonces, como puedo hacer para que el texto " visitas" me quede mas arriva, es decir con un margen de abajo ( por ejemplo )?????
Quizas lo que haga es meter el texto visitas en otro div y solucionar el problema, pero no quiero ensuciar mucho el codigo si es possible

[Osdiwe]

No te aplica los márgenes inferiores y superiores en el span porque es un elemento de línea y no de bloque como un div. Lo mejor es que sustituyas el span por un div y así podrás aplicarle correctamente los márgenes que te interesan.

[jonysi_d]

gracias por tu respuesta, no habia pensado en esto... gracias

[Osdiwe]

De nada, para cualquier otra duda aquí estamos.