Trivia: Conceptos CSS

DragonX · #**361** (**permalink**) 11/08/2008, 09:45

Tomando el mismo ejemplo de Mikel como haríamos para que esas tres columas ocupen el 100% de alto?

Cita:

#derecha {width: 200px; height: 200px; float: right;}
#izquierda {width: 200px; height: 200px;float: left;}
#centro {height: 200px;}

Cita:

#derecha {width: 200px; height: 200px; float: right;}
#izquierda {width: 200px; height: 200px;float: left;}
#centro {height: 200px;}

DragonX · #**362** (**permalink**) 12/08/2008, 08:26

Vamos amigos! que no decaiga!!!!

DragonX · #**363** (**permalink**) 14/08/2008, 14:44

Vamos a dejar morir esto?

Mikmoro · #**364** (**permalink**) 14/08/2008, 14:55

Quizá sea cosa del verano y haya que dejarlo descansar un poco.

DragonX · #**365** (**permalink**) 14/08/2008, 17:32

algo así como un amor de primavera?

derkenuke · #**366** (**permalink**) 14/08/2008, 18:30

Es buena idea, pero me gustaría que hubieran más participantes; esto parece una especie de duelo

Quizás sea agosto, que es el mes vago y vacacional. Con más gente habría más riqueza en las preguntas, en las respuestas, y más imaginación y aportes.

DragonX · #**367** (**permalink**) 14/08/2008, 18:34

también podríamos ver la forma de "mejorarlo" y reorganizarlo de manera tal, que no solo nos divierta, sino que el día de mañana sirva como referencia. Hay cosas muy utiles en este hilo como para perderlo, no les parece?

#**368** (**permalink**) 14/08/2008, 18:53

Eso sin duda alguna.
El tema es que la dinámica del juego obliga a hacer una pregunta a quien contesta, y esa es la parte más difícil. Yo dejé de responder porque sinceramente no tenía ninguna otra pregunta que hacer, no se me ocurría nada.

Quizás si hay más gente el tema se anime, si no capaz que podemos ver de cambiar algún detalle para que se pueda contestar sin tener que preguntar inmediatamente.

Saludos.

metacortex · #**369** (**permalink**) 25/11/2008, 14:45

P: ¿Cuál de estos grupos de etiquetas está formado sólo por elementos de bloque?

1.- div, pre, span
2.- noscript, fieldset, dl
3.- input, h1, form

Calizman · #**370** (**permalink**) 25/11/2008, 15:15

Ok mi respuesta!

La numero 2

metacortex · #**371** (**permalink**) 25/11/2008, 15:16

Correcto

. Lanza la pregunta.

Calizman · #**372** (**permalink**) 25/11/2008, 15:19

=/ por ser novato en esto del CSS tengo problema con lanzar mi pregunta...

pero espero que me entiendan!

P: Que diferencia hay entre una maquetacion liquida, una hibrida y una fija?

[NiRVaNa] · #**373** (**permalink**) 26/11/2008, 11:47

Buenas... entro a participar yo tmb...

Respuesta: La diferencia es que en la maquetacion liquida, el contenido de los layers (o capas) se adapta al contenido de la resolución de la pantalla. La fija (creo que su nombre lo dice todo) posee tamaños fijos con respecto a la la resolución de la pantalla usada... y la hibrida es una mezcla de ambos.. (mi eleccion favorita).

Calizman · #**374** (**permalink**) 26/11/2008, 11:50

Correcto!

Lanza tu pregunta!

[NiRVaNa] · #**375** (**permalink**) 26/11/2008, 11:55

Bueno, solicito permiso de unos minutos para pensarla

[NiRVaNa] · #**376** (**permalink**) 26/11/2008, 12:14

Bueno... una facilita...

Código HTML:

<p>hola soy un parrafo</p>
<p>hola soy otro parrafo</p>

¿Como puedo hacer para que solo el primer parrafo del tenga letra capitalizada?
Ej:

Código:

font-size: 20pt;

Este es resultado buscado...

Cita:

hola soy un parrafo
hola soy otro parrafo

kurroman · #**377** (**permalink**) 26/11/2008, 12:52

Ignorar este mensaje k puse reply a una pregunta de hace años :P

[NiRVaNa] · #**378** (**permalink**) 26/11/2008, 12:57

Em... no no... No se entendio la pregunta?

Este es resultado buscado...

Cita:

hola soy un parrafo
hola soy otro parrafo

Saludos...

Calizman · #**379** (**permalink**) 26/11/2008, 17:23

Creo saber la respuesta...

Al parrafo que quieres que tenga la letra capitalizada le pones:

text-transform: capitalize;

cierto?

Aresillo · #**380** (**permalink**) 26/11/2008, 17:50

Llevo un rato mirando por ahí y no ha dao con la respuesta... aún!
pero eso que pones CaliZzZ lo que haría es poner en mayúsculas los dos párrafos...
Yo he estado pensando algo así:

Código:

p:first-letter  {
  font-size: 2em;
}

Pero no vale porque lo aplica a los dos... y tb he pensado en la propiedad firstchild pero no sé como combinarlo...

Aresillo!!

[NiRVaNa] · #**381** (**permalink**) 26/11/2008, 18:44

Cita:

Iniciado por Aresillo

Pero no vale porque lo aplica a los dos... y tb he pensado en la propiedad firstchild pero no sé como combinarlo...!

Por ahi va... por ahi va.. te falta un paso y lo sacas...

[NiRVaNa] · #**382** (**permalink**) 26/11/2008, 19:33

Cita:

Iniciado por CaLiZzZ

Creo saber la respuesta...

Al parrafo que quieres que tenga la letra capitalizada le pones:

text-transform: capitalize;

cierto?

Es una opcion, pero de igual manera faltaria que se la apliques solamente al primer parrafo... pero para obtener el resultado que mostre es de otra forma...

#**383** (**permalink**) 26/11/2008, 20:23

Una forma es:

p:first-letter { text-transform : capitalize; }
p + p:first-letter { text-transform : none; }

Problemas:
- Solamente funciona con conjuntos de párrafos (quiero decir, es un tanto específico del ejemplo propuesto).
- No funciona en IE (IE no soporta el selector "p + p")
- no utiliza la pseudo-clase que se mencionó así que creo que no es la respuesta que se busca

así que asumo que no compite jeje

[NiRVaNa], si entendí la idea, creo que para encontrar la respuesta correcta necesitás agregar un contenedor a esos párrafos.

Saludos.

[NiRVaNa] · #**384** (**permalink**) 26/11/2008, 20:33

Oopps!!! Creo que hice un mutante entonces... la verdad que solo lo probe en firefox... y ahora que me veo mi codigo no funciona en el maldito IE

No se entonces como proseguimos... te la podria dar como correcta... pero ahora empiezo a dudar de mi respuesta

Algun experto que nos guie?

PD: Te lo doy como correcto y pongo mi respuesta?

metacortex · #**385** (**permalink**) 27/11/2008, 00:08

En mi opinión no importa si algún estilo no es compatible con IE mientras pertenezca al conjunto de estilos aprobados por W3C. De hecho uno de los beneficios que he encontrado en esta trivia, es que me ha ayudado a conocer y entender algunos estilos del grupo de la versión 3. Hay unos 2 o 3 por ahí que ni sabía que existían.

Cita:

Iniciado por alvlin

[NiRVaNa], si entendí la idea, creo que para encontrar la respuesta correcta necesitás agregar un contenedor a esos párrafos.

... Y así nació la divitis

. Lanza tu pregunta hombre

.

[NiRVaNa] · #**386** (**permalink**) 27/11/2008, 05:05

Cita:

Iniciado por metacortex

En mi opinión no importa si algún estilo no es compatible con IE mientras pertenezca al conjunto de estilos aprobados por W3C. De hecho uno de los beneficios que he encontrado en esta trivia, es que me ha ayudado a conocer y entender algunos estilos del grupo de la versión 3. Hay unos 2 o 3 por ahí que ni sabía que existían.

... Y así nació la divitis

. Lanza tu pregunta hombre

.

Pero todavia no contestaron mi pregunta... :( Como dijo alvin su respuesta funciona para grupos de parrafos... la que yo plantee funciona para ambos casos... sigue mi pregunta en pie? o muestro mi respuesta?

Mikmoro · #**387** (**permalink**) 27/11/2008, 05:18

body p:first-child {...

#**388** (**permalink**) 27/11/2008, 05:50

Cita:

Iniciado por Mikmoro

body p:first-child {...

A eso justamente me refería cuando mencioné que faltaba un contenedor, aunque body sirve para el caso

[NiRVaNa] · #**389** (**permalink**) 27/11/2008, 11:37

Acabo de consultar con uno de los "capos" y la respuesta que plantee a mi pregunta es valida..

Asi que mi pregunta sigue en pie

LINK A LA PREGUNTA

[NiRVaNa] · #**390** (**permalink**) 03/12/2008, 19:11

Bueno gente... Estoy metiendome en los examenes finales, asi que no tendré tiempo de rondar estos lares en caso de que la gente siga participando, asi que dejo la respuesta...

Código HTML:

p:first-child:first-letter {
		font-size: 50pt;
	}

No pense que hubiera sido tan dificil :P

Saludos.

BTW: Cualquiera puede tirar su proxima pregunta...