Foros del Web » Creando para Internet » CSS »

Aclarar z-index y text-indent

Estas en el tema de Aclarar z-index y text-indent en el foro de CSS en Foros del Web. Alguien podría aclararme bien la propiedad z-index, tengo alguna duda al respecto Por ejemplo objeto.style.z-index 50 objeto.style.z-index 100 objeto.style.z-index 0 También, dicho sea de paso, ...
  #1 (permalink)  
Antiguo 07/01/2011, 05:49
 
Fecha de Ingreso: julio-2009
Mensajes: 16
Antigüedad: 14 años, 7 meses
Puntos: 0
Aclarar z-index y text-indent

Alguien podría aclararme bien la propiedad z-index, tengo alguna duda al respecto

Por ejemplo

objeto.style.z-index 50
objeto.style.z-index 100
objeto.style.z-index 0

También, dicho sea de paso, la propiedad text-indent

objeto.style.text-indent -1000
objeto.style.text-indent 0

Gracias!
  #2 (permalink)  
Antiguo 07/01/2011, 11:17
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 13 años, 6 meses
Puntos: 59
·z-index
·text-indent

Saludos
__________________
01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111
  #3 (permalink)  
Antiguo 07/01/2011, 16:52
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Aclarar z-index y text-indent

Hola GuNiTa, este ejemplo es el mejor que encontre sobre el uso de z-index.

Aclaro que para que z-index funcione se deben cumplir las siguientes condiciones:

- Las capas que intervienen en el apilamiento deben ser hermanas entre si
Código HTML:
<!--ejemplo-->
<div id="papa">
<div class="hermanos" id="hijo1"></div>
<div class="hermanos" id="hijo2"></div>
</div> 
- Las capas que intervienen en el apilamiento deben estar posicionadas en relativo, absoluto o fijo
Código:
/*ejemplo:*/
.hermanos{position:absolute;}
#hijo1{z-index:0;}
#hijo2{z-index:999;}
/*#hijo2 se vera por delante de #hijo1*/
Espero te sirva, saludos.
  #4 (permalink)  
Antiguo 09/01/2011, 04:26
 
Fecha de Ingreso: julio-2009
Mensajes: 16
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Aclarar z-index y text-indent

Muchas gracias a ambos
  #5 (permalink)  
Antiguo 09/01/2011, 04:31
 
Fecha de Ingreso: julio-2009
Mensajes: 16
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Aclarar z-index y text-indent

Por cierto, para que sirve la #?

Yo siempre utilizo .

Gracias otra vez
  #6 (permalink)  
Antiguo 09/01/2011, 09:04
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Aclarar z-index y text-indent

Cita:
Iniciado por GuNiTa Ver Mensaje
Por cierto, para que sirve la #?

Yo siempre utilizo .

Gracias otra vez
Es un selector de ID, para mas info
http://www.librosweb.es/css/capitulo...s_basicos.html
__________________
Toroflix - movies.
  #7 (permalink)  
Antiguo 09/01/2011, 11:25
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 13 años, 3 meses
Puntos: 9
Respuesta: Aclarar z-index y text-indent

Cita:
Iniciado por GuNiTa Ver Mensaje
Por cierto, para que sirve la #?

Yo siempre utilizo .

Gracias otra vez
Siempre lo utilizas y no sabes para que sirve.

El ID se representa con el signo de numeros (#)
Las Class se representan con un punto (.)
También puedes poner objetos directos al CSS sin necesidad de ID o Class (se pone el nombre directo).

Ejemplos:

Cita:
<div id="contenedor"></div>
En CSS lo pones:
#contenedor { ............ etc etc... .......... }
Cita:
<div class="columna"></div>
en CSS lo pones:
.columna { ............ etc etc... .......... }
Cita:
<table> contenido </table>
en CSS lo pones: (como mencione, directamente)
table { ............ etc etc... .......... }
Hasta luego, Kurozaki
  #8 (permalink)  
Antiguo 10/01/2011, 02:48
 
Fecha de Ingreso: julio-2009
Mensajes: 16
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Aclarar z-index y text-indent

Ah, vale, ahora lo voy pillando, pero tengo una duda más concreta

Si pongo

.cabecera #registro{

....

}

¿Que quiere decir exactamente?

Por qué no poner:

.cabecera .registro{
....
}

Gracias!
  #9 (permalink)  
Antiguo 10/01/2011, 03:58
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Aclarar z-index y text-indent

.cabecera #registro{

....

}

equivale a...

<etiqueta class="cabecera"><etiqueta id="registro"></etiqueta></etiqueta>



.cabecera .registro {
....
}

equivale a...

<etiqueta class="cabecera"><etiqueta class="registro"></etiqueta></etiqueta>

Saludos.
  #10 (permalink)  
Antiguo 10/01/2011, 04:04
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Aclarar z-index y text-indent

@GuNiTa

Cita:
.cabecera #registro{
....
}
Cuando tengas en html:

Cita:
<div class="cabecera">
<div id=registro""></div> <!-- Aqui abro y cierro el div de registro -->
</div> <!-- Aqui cierro el div de cabecera -->
----------------------------------------

Cita:
.cabecera .registro{
....
}
Cuando tengas en html:

Cita:
<div class="cabecera">
<div class=registro""></div> <!-- Aqui abro y cierro el div de registro -->
</div> <!-- Aqui cierro el div de cabecera -->
  #11 (permalink)  
Antiguo 10/01/2011, 04:28
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Respuesta: Aclarar z-index y text-indent

Hola:

Sobre el text-indent (que por cierto, por la sintaxis parece que te refieres a javascript, y en ese lenguaje es textIndent), en tu ejemplo:

objeto.style.text-indent = "-1000"; /* añadiendo cosillas */

sería igual a text-indent: "-1000 * 0";

...Lo que quiero decir es que deben ponerse las medidas.

Se trata de un estilo que tiene su intención en los párrafos, ya que valores negativos equivalen a párrafos con sangría francesa y con valores positivos "a la española"; y evidentemente deben complementarse con el estilo margin.

Fíjate que los párrafos normales (sin aplicarle estilos), al ser internet en un gran porcentaje "obra en inglés", no tienen ningún sangrado, y los márgenes distintos de cero (supongo que 1em), y es porque en inglés se "parrafea" así.

Supongo que un valor negativo tan alto debe traducirse como "ocultar la primera línea" (solo se trata de una opinión).

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: text-indent, z-index
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 11:11.