Trivia: Conceptos CSS

[Mikmoro]

Sí

Mikel.

[Daniel Ulczyk]

Iniciado por DragonX

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

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

[Mikmoro]

Iniciado por 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?

¿Que empiezan por distinta letra ?

Que siga la fiesta: texto de derecha a izquierda y de izquierda a derecha.

Dame la vez mientras pienso mi pregunta.

Mikel.

[metacortex]

Es correcto. Lanza tu pregunta

[Mikmoro]

Este se ha debido desenchufar.

Bien, si tenemos un div con un id:

<div id="caja">Texto de prueba o cualqueir cosa</div>

y en el css ponemos tanto el selector html como el ID:

#caja {background-color: yellow;}
div {background-color: red;}

¿De cólor es el fondo?

¿Y si está al revés?

div {background-color: red;}
#caja {background-color: yellow;}

Mikel.

[DragonX]

yo no lo sabía!

Realmente nunca fuí buenos en esto de las trivias.....si contesto bien Meta o Mikel hacen la pregunta por mi



Respuesta: Amarillo

[metacortex]

Es correcto para los dos casos. Lanza tu pregunta Dragon , no importa si es simple .

[metacortex]

Por favor contesten sólo si están dispuestos a preguntar posteriormente ;)

Ok aquí va:

P: ¿Cuál de los siguientes estilos está incorrecto?

Código:

a) .capa { background: url(imagenes/imagen.jpg) left top #ffffff no-repeat; }
b) .capa { border: 1px solid #fff: }
c) .capa { margin: 14% 5pt 1px 4em; }
d) .capa { position: static; }
e) .capa { display: table-header-group; }

[daPhyre]

Iniciado por metacortex

Por favor contesten sólo si están dispuestos a preguntar posteriormente ;)

Yo por eso van varias que no contesto. La verdad no tengo idea de que preguntar (Supongo que me falta creatividad para esta clase de restos ). Aun así me estoy paseabdo por aquí por que aprendo varias cosas y... Ahora esta si no tengo idea de cual es la respuesta

[DoPeY-BBS]

Estoy casi seguro que es la e)

[metacortex]

Iniciado por DoPeY-BBS

Estoy casi seguro que es la e)

Cuando estés seguro contesta, y asegúrate de explicar por qué. Vamos, nadie adivina?

[Nathan_1979]

JAJAJAJ es la b!!!

Código PHP:

  ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; 
   

estos son lo típicos fallos que nos traen de cabeza.


Mientras voy

[juaniquillo]

Estaba seguro que era el primero, pero aún así lo probé. Es el primero. El orden de la propiedad background muy específico.

Código HTML:

background: #ffffff url(imagenes/imagen.jpg) no-repeat left top;

Pueden ver mas detalles aquí:
http://qrayg.com/journal/news/css-background-shorthand/

[metacortex]

Iniciado por juaniquillo

Estaba seguro que era el primero, pero aún así lo probé. Es el primero. El orden de la propiedad background muy específico.

Código HTML:

background: #ffffff url(imagenes/imagen.jpg) no-repeat left top;

Pueden ver mas detalles aquí:
http://qrayg.com/journal/news/css-background-shorthand/

Pues te cuento que he usado ese orden siempre y no he tenido problemas de ningún tipo. El artículo que mencionas lo atribuye como un mal menor a navegadores viejos (no se extiende en detalles, es posible que se refiera a IE4), pero sí enfatiza el correcto orden del eje XY, lo cual sé que es un error común entre los maquetadores ("top left" en lugar de "left top". Está correctamente definido en la opción). De resto no afecta para nada. Podría ser un buen tema de discusión.

Sin embargo existe un error craso entre las opciones que fue exitosamente identificado por Nathan_1979 y es que la declaración termina en ":" en lugar de ";" (opción b). Así que Nathan, lanza tu pregunta .

[juaniquillo]

ja, a mi se me paso el :

[Nathan_1979]

(Lo que uno aprende con el trivial, genial idea).

Gracias metacortex,
Una sencilla:

Si queremos que nuestra Web; pueda ser imprimida ( media="print" ) por temas de accesibilidad (cierto?) que Propiedad sería la más recomendable utilizar ?




Un salu2!

[metacortex]

Iniciado por juaniquillo

ja, a mi se me paso el :

Ten por seguro que lo hice con toda la mala intención del mundo

Nathan, si puedes plantea mejor tu pregunta ya que está muy general .

[Nathan_1979]

Que propiedad tendríais que utilizar si queréis que desaparezcan elementos de la pagina que no son necesarios para ser imprimidos en una hoja de papel (menu, sidebars, comentarios etc... solo que aparezca lo fundamental --> la información )

Y por que habéis elegido esa propiedad ( Teoría pura vamos ).

[Mikmoro]

¿Puede ser visibility: hidden, para que se mantenga la estructura básica de la página?

Mikel.

[Nathan_1979]

Iniciado por Mikmoro

¿Puede ser visibility: hidden, para que se mantenga la estructura básica de la página?

Mikel.

Con la propiedad que dices, es verdad que se mantiene la estructura de la página; pero precisamente eso es lo que odio: que no se aprovecha todo el espacio de la hoja.

Hay otra propiedad que según mi criterio, es la correcta

Un saludo!

[metacortex]

Iniciado por Nathan_1979

Que propiedad tendríais que utilizar si queréis que desaparezcan elementos de la pagina que no son necesarios para ser imprimidos en una hoja de papel (menu, sidebars, comentarios etc... solo que aparezca lo fundamental --> la información )

Y por que habéis elegido esa propiedad ( Teoría pura vamos ).

Tienes dos hojas de estilo, una para screen y otra para print. Sólo en la de print le das display: none a los elementos que no desees que te aparezcan en la impresión ¿es eso?.

[Mikmoro]

Iniciado por Nathan_1979

odio que no se aprovecha todo el espacio de la hoja.
Hay otra propiedad que según mi criterio, es la correcta
Un saludo!

No es la correcta, es tu gusto, que es diferente. Deberías haber especificado eso en tu pregunta, porque según sea el diseño, puede ser mejor mantener la esctructura que juntar el contenido.

Creo que en el trivial no es posible realizar preguntas subjetivas o que dependan de la apreciación, o en ese caso hacer la pregunta absolutamente exacta.



Mikel.

[metacortex]

Pues así es . Si la respuesta es correcta no hay que anteponer los gustos. Mikel, haz la pregunta (que sea breve pero bien jodida para adivinar ).

[DragonX]

Iniciado por metacortex

Por favor contesten sólo si están dispuestos a preguntar posteriormente ;)

Perdón gente, me colgué....estuve trababjando el fin de semana y ni aparecí por aca. nuevamente mil disculpas a todos!

......creo que lo voy a seguir sin participar.

[Mikmoro]

Una sencilla, pero que para la gente sin demasiada experiencia no lo es tanto:

Dado un enlace cualquiera:

<a href="#">abracadabra</a>

y con el selector css:

a {background-color: #0f0; width: 100px; height: 100px;border: 0; font-size: 14px;}

¿Qué tamaño de alto tendrá el enlace?

a- 100px
b- 14px
c- El alto correspondiente al texto
d- Nada, cero

Mikel.

[Nathan_1979]

La correcta era display: none

[Mikmoro]

Iniciado por DragonX

Perdón gente, me colgué....estuve trababjando el fin de semana y ni aparecí por aca. nuevamente mil disculpas a todos!

......creo que lo voy a seguir sin participar.

Me gustaría que participaras. Sólo hay que comprometerse, y esto va para todos, a si haces una pregunta observar las respuesta y dar el visto bueno y el turno en menos de 24 horas. Así garantizamos el funcionamiento del juego.

Mikel.

[Mikmoro]

Iniciado por Nathan_1979

La correcta era display: none

¿Por qué? Revisa la pregunta. Las dos eran correctas creo yo. Si hubieras puntualizado "para el mejor aprovechamiento del espacio" o algo así, tendrías razón, pero no lo hiciste.

No obstante da igual, se sólo un juego.

Mikel.

[Nathan_1979]

A primeras seria El alto correspondiente al texto ( aunque cero lía un poco. Habría que convertir el enlace en un bloque con display: block.


Acerte?

[Nathan_1979]

Iniciado por Mikmoro

¿Por qué? Revisa la pregunta. Las dos eran correctas creo yo. Si hubieras puntualizado "para el mejor aprovechamiento del espacio" o algo así, tendrías razón, pero no lo hiciste.

No obstante da igual, se sólo un juego.

Mikel.

Ningún problema Mik.

Para la próxima lo explicaré mejor.

Un saludo!