etiquetas <p> y <span>

[wesse]

¿Qué diferencias hay entre <p> y <span>?

¿Un <span><br></span> equivale a un <p></p>?

[kemie]

<p> es un párrafo
<span> sirve solo para darle estilo a la sección de un texto. Un ejemplo sería:
<p>Aqui va un texto de prueba<br/>
Lorem ipsum dolor sit amet, <span class="importante">consectetuer adipiscing </span>elit. Ut dui sapien, hendrerit sed, rutrum et, ullamcorper sed, pede. Duis et risus. In lacinia aliquet leo. Nam et nisl.
</p>

[wesse]

Claro, es que verás, yo tenía este código:

<td> <p class="subject"><b>!!--CAMPO:subject--!</b></p>
<p class="msgarea">!!--MSG_AREA--! %!!Imagen_BLOCK:</p>
</td>

y me daba problemas con el color de fondo de la línea de texto, no se si por los estilos,... el caso es que sustituyendo <p> por <span> si me funciona bien, solo que tengo que poner algunos <br> para que quede igual y queda así:

<td> <span class="subject"><b>!!--CAMPO:subject--!</b></span><br><br>
<span class="msgarea">!!--MSG_AREA--! %!!Imagen_BLOCK:</span><br><br>
<td>

¿Es correcto hacer esto? ¿A qué se puede deber el cambio de color del fondo en esa linea de texto?

Muchas gracias

[kemie]

<p> es un elemento de bloque, es decir, se comporta como si fuera una caja.
<span> es un elemento en linea, es decir, se comporta como texto. Sospecho que por ahi es tu problema, pero es dificl saber asi nada más. que contienen tus clases "subject" y "msgarea"?

[wesse]

.msgarea, UL, LI {
vertical-align: top;
font-size: 9pt;
line-height: 18px;
text-align: left;
padding-left: 3px;
padding-right: 3px;
color: #0B80A1;
}

.subject {
font-family: Verdana, Arial;
color: #0B80A1;
font-size: 12pt;
}

[kemie]

y donde está tu fondo? cual es el problema que tienes?

[wesse]

el problema esta en que si pongo la etiqueta <p> en lugar de salirme el fondo que le indico en el estilo, me pone en esa linea/parrafo el estilo del fondo del body... ya verdad es que no se porque me hace eso... pero si sustituyo p por span, ya no me sale el fondo del body, y me sale el fondo que yo le indico en el estilo

[PascalC]

En ninguna parte de tu codigo nos indicas donde defines el color de fondo de tus elementos p y span.

[wesse]

el color de fondo esta en el estilo del body

BODY,P {
background-color: #DDE8F0;
color: #FFFFFF; font-family: Verdana, Arial;
font-size: 7.5pt; margin-top: 10px; margin-bottom: 10px;
margin-left: 0px; margin-right: 0px;
}


ese color de fondo me lo añade a las líneas de texto, que estan dentro de una tabla y esta tabla, con un color de fondo distinto.
Yo creo que si en .msgarea no se especifica ningun fondo debería verse el color de fondo de la tabla, no?

[PascalC]

para resumir, das un color de fondo al P en tu CSS, después pones un parafo en una tabla y quieres que este parafo no tenga el color de fonde que le indicaste sino el de la tabla...

Eso es logico ? ;)

[wesse]

doy con css un color al fondo del html
inserto una tabla con un fondo distinto
inserto texto y quiero que conserve el fondo de color de la tabla, no del html. si porngo p me sale el color del htm, y si pongo span, el color de la tabla.

Se me entiende ahora?

[kemie]

si claro, pero en tu css estas especificando que TODOS los <p> tengan cierto color de fondo al definir en tu css "BODY, P", y entonces TODOS tendran ese color de fondo y no el de la tabla. Puedes especificar que los parrafos dentro de tablas tengan otro color, o aun mejor, ningun color asi:

table p {
background-color:transparent;
}

[wesse]

osea que es pq en el estilo pongo el body y p?

BODY,P {
background-color: #DDE8F0;
color: #FFFFFF; font-family: Verdana, Arial;
font-size: 7.5pt; margin-top: 10px; margin-bottom: 10px;
margin-left: 0px; margin-right: 0px;
}


pues es que no se pq me ha metido alli la p... osea que con quitar esa p ya esta solucionado no?

[kemie]

sip, si no quieres aplicar esos estilos al p, solo quitalos y listo!

[wesse]

asi que era eso... pues no se pq se ha puesto la p en el css... si yo no la queria poner,.. a veces la solucion es la mas facil y esta ante nosotros y ni nos enteramos :D

graciassssssssssssss