Foros del Web » Creando para Internet » CSS »

Elemento mismo nivel y anidado

Estas en el tema de Elemento mismo nivel y anidado en el foro de CSS en Foros del Web. Hola Siguiendo el curso: http://www.ignside.net/man/css/posicionamiento.php Me he encontrado con lo siguiente: tres elementos del mismo nivel, posicionados relativamente <SPAN STYLE="position:relative; background-color:#90EE90"> Green relative element. </SPAN> ...
  #1 (permalink)  
Antiguo 04/12/2008, 11:11
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 11 años, 2 meses
Puntos: 0
Elemento mismo nivel y anidado

Hola

Siguiendo el curso:
http://www.ignside.net/man/css/posicionamiento.php

Me he encontrado con lo siguiente:

tres elementos del mismo nivel, posicionados relativamente

<SPAN STYLE="position:relative; background-color:#90EE90">
Green relative element.
</SPAN>
<SPAN STYLE="position:relative; background-color:#ADD8E6">
Blue relative element.</SPAN>
<SPAN STYLE="position:relative; background-color:#FFB6C1">
Red relative element.</SPAN>

¿quieres verlo?

tres elementos anidados, posicionados relativamente

<SPAN STYLE="position:relative; background-color:#90EE90">
Green relative element.
<SPAN STYLE="position:relative; background-color:#ADD8E6">
Blue relative child of green.
<SPAN STYLE="position:relative; background-color:#FFB6C1">
Red relative child of blue.
</SPAN>
</SPAN>
</SPAN>
¿quieres verlo?



En el primer caso aparecen los tres elementos separados entre sí por un pequeño espacio en blanco y en el segundo sus colores de fondo aparecen completamente juntos
¿a qué se debe?

Gracias
  #2 (permalink)  
Antiguo 04/12/2008, 11:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Elemento mismo nivel y anidado

Pruébalo así a ver:

Cita:
<SPAN STYLE="position:relative; background-color:#90EE90">Green relative element.</SPAN><SPAN STYLE="position:relative; background-color:#ADD8E6">Blue relative element.</SPAN><SPAN STYLE="position:relative; background-color:#FFB6C1">Red relative element.</SPAN>
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 04/12/2008, 19:25
 
Fecha de Ingreso: julio-2008
Mensajes: 39
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Elemento mismo nivel y anidado

Mikmoro tiene toda la razon, eso se debe a que los exploradores toman como un espasito el que utilices "enter" entre las sentencia y su contenido... por eso, solo ponlo en una sola linea todo sin enter y listo!


Última edición por webosiris; 04/12/2008 a las 21:26 Razón: elimino firma dentro del mensaje
  #4 (permalink)  
Antiguo 05/12/2008, 09:52
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Elemento mismo nivel y anidado

Que cursioso!!!!!

Muchas gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:13.