Trivia: Conceptos CSS

[metacortex]

Quisiera proponer un juego de trivias limitado a conceptos CSS, es decir, la teoría.

El asunto es así: uno pregunta y el primero que responda correctamente lanza la siguiente pregunta.

Regla única: Sólo conceptos teóricos, nada de análisis de código.

Ok aquí va le primera pregunta (sencillita para abrir bien ). Quien la responda lanza la otra de inmediato:

P: Además de los encabezados (h1, h2, etc.) menciona una etiqueta que venga con formato bloque de forma predeterminada.

[daPhyre]

Excelente iniciativa. Ya había visto que los de Diseño Gráfico hacen algo similar. Solo una pregunta: ¿Esto no debería ir mejor en "Competencias CSS"?

A la respuesta, si no me equivoco, creo que las listas, tanto numeradas como no numeradas (ul, ol), vienen en bloque de forma predeterminada

[Daniel Ulczyk]

Iniciado por daPhyre

A la respuesta, si no me equivoco, creo que las listas, tanto numeradas como no numeradas (ul, ol), vienen en bloque de forma predeterminada

Y la pregunta...?

Iniciado por metacortex

Quien la responda lanza la otra de inmediato

[DragonX]

Excelente META

Ahora, lo mio es más "prueba y error", pero vamos a intentarlo!!!!!

daPhyre, Daniel tiene razón, y la pregunta????

[PedroRodas]

como daphyre no lanzo pregunta respondere de nuevo a la de metacortex diciendo por ejemplo la etiqueta <p>.

Y lanzo una pregunta:

¿como evitamos el feo borde que aparece cuando colocamos una imagen como enlace?

Genial iniciativa Metacortex.

[Mikmoro]

Pero creo que primero quien hizo la pregunta debería responder diciendo si es correcta o no, y dar paso a la siguiente pregunta en caso de serlo, ¿no?

Vamos, pregunto, respondes, contesto: "correcto. Ahora tu pregunta"

Mikel.

[DragonX]

Si, la idea es excelente, pero la veo un tanto caótica. Creo que deberíamos organizarla mejor, ya que quién responde, lo hace mal y así todo lanza una pregunta y comienzan a aparecer respuestas a una pregunta que no debería haberse formulado, ya que el resultado anterior esta mal……..

Me expliqué bien????

[daPhyre]

De hecho era lo que estaba esperando, por eso no formulé pregunta.

Aun así reclamo de nuevo mi derecho de preguntar, diciendo que para evitar el borde, se hace poniendo un borde 0 a las imagenes (img) dentro en un ancla (a)

Ahora la pregunta que hago, QUE SOLO SERÁ DISPONIBLE A CONTESTAR UNA VEZ QUE SE CONFIRME QUE ESTOY EN LO CORRECTO:

(Una de mis favoritas ) ¿Si le pongo a las etiquetas de ancla (a) de forma predeterminada un fondo de color, y creo una imagen-enlace con fondo transparente (png o gif), aun poniendole fondo transparente desde el CSS, me muestra el fondo del color del enlace?
(Y si sugieren soluciones, puntos extras aunque no se tomen en cuenta . Espero no haberlo puesto muy complicado)

[desendoll]

dios, supongo que nunca me voy a encontrar con este problema, porque mi solución seria separarlo con del resto de contenido, pero me interesa la solución que deis. Solo con css no?

[daPhyre]

Claro. Me pasó a mi, y he resuelto esto a otra gente desde entonces en el foro. No es demasiado frecuente pero sucede. Aun así ni se me ha dicho si estoy bien

[metacortex]

Iniciado por DragonX

Si, la idea es excelente, pero la veo un tanto caótica. Creo que deberíamos organizarla mejor, ya que quién responde, lo hace mal y así todo lanza una pregunta y comienzan a aparecer respuestas a una pregunta que no debería haberse formulado, ya que el resultado anterior esta mal……..

Me expliqué bien????

Razón tienes Jedi . Creo que se necesita uno o dos árbitros para tal fin, los cuales validarían las respuestas correctas e incorrectas ¿quién se ofrece?.

Iniciado por daPhyre

¿Si le pongo a las etiquetas de ancla (a) de forma predeterminada un fondo de color, y creo una imagen-enlace con fondo transparente (png o gif), aun poniendole fondo transparente desde el CSS, me muestra el fondo del color del enlace?

Si bien la única regla enfatiza apuntar a conceptos teóricos, podríamos flexibilizarla un poquito y aceptar preguntas de casos específicos, pero éstas tienen que estar 1) muy bien planteadas y 2) ser extremadamente breves (lo cual no le restaría dificultad). DaPhyre ¿te parece bien si panteas mejor tu pregunta o escoges otra? .

[daPhyre]

Definitivamente tienes razón. Tras analizar la pregunta, me di cuenta que era muy compleja. Creo que podría especificarla un poco más. Se tiene el siguiente CSS:

a:link{background:#ff0}

Y luego ponemos una imagen png con fondo trasparente que usamos de link:

<a href="#"><img src="imagen.png" alt="link" /></a>

Por supuesto, siendo un link, el fondo no es transparente, si no (En este caso) amarillo. La solución lógica sería esta:

img{background:transparent}

Sin embargo esto no funciona. La pregunta es ¿Por qué no funciona? (Y si pueden decir como arreglarlo mejor )

Ya para la próxima elegiré algo más teórico

[Mikmoro]

¿Porque el fondo amarillo no le pertenece a la imagen sino al enlace?

Mikel.

[daPhyre]

Muy bueno, muy sencillo, y muchos tenemos problemas con eso

Te toca formular la pregunta Mikel.

[Mikmoro]

Si creamos un elemento con dos clases:

<div class="uno dos">...

y creamos los selectores:

.uno {background-color: red;}
.dos {background-color: blue;}
.uno.dos {background-color: black;}

¿De qué color se ve el fondo en IE6?

(supongamos que tienen ancho y alto como para ver el color de fondo)

Mikel.

[daPhyre]

Duh! Con lo que me cae mal IE6

Pues conociendo su extraño comportamiento, no dudaría nada que saliera blanco ... Pero la verdad esta vez si que no tengo ni la más remota idea

[Mikmoro]

Iniciado por daPhyre

Duh! Con lo que me cae mal IE6

Pues conociendo su extraño comportamiento, no dudaría nada que saliera blanco

Mecccccc!!! INCORRECTO

[metacortex]

Pues cómo más se va a ver: negro =P



Edito:Mikel, da el visto bueno a la respuesta a fin de lanzar la pregunta.

[Mikmoro]

CORRECTO.

Turno para metacortex

Mikel.

[metacortex]

P: ¿Cómo se comporta IE6 con un padding simple? ".capa {padding: 10px; width: 500px;}"

a) .capa aumenta el ancho a +20px.
b) .capa aumenta el ancho a +10px.
c) .capa no aumenta el ancho.
d) Es impredecible el comportamiento de .capa.

[DoPeY-BBS]

creo que la c es la correcta

[metacortex]

Correcto . Lanza tu pregunta.

[DoPeY-BBS]

Iniciado por metacortex

Correcto . Lanza tu pregunta.

¿Los elementos en bloques pueden contener otros elementos del mismo tipo?

a) si
b) no

pd: metacortex precisamente ayer me toco estudiar lo del ie :)

[metacortex]

Respuesta: Algunos sí y otros no. Un h1 no puede contener otro h1, pero un elemento de lista puede se padre de otro. Es a eso a lo que te refieres?

Iniciado por DoPeY-BBS

pd: metacortex precisamente ayer me toco estudiar lo del ie :)

Qué lección tan oportuna! ;)

[DoPeY-BBS]

Si. correcto ;)

[DragonX]

Epa! no llego a contestar!!!!!!!! voy a tener el dedo apoyado en el F5 a ver si llego

[metacortex]

P: Cuál de estas declaraciones NO se usa para el posicionamiento absoluto?

a) left:
b) center:
c) right:
d) bottom:
e) Ninguna de las anteriores

[DragonX]

CENTER!!!!!!!!!!!!!!!!

[metacortex]

Correcto . Lanza!

[DragonX]

A ver.......¿que diferencia existe entre estos dos atributos?:

a) direction:rtl;
b) direction:ltr;

para se rmi primera pregunta, es relativamente fácil ¿no?