Stack Overflow en español

Cuando hay tres respuestas y el OP acepta la peor... ¬ ¬

ah, ha cambiado

Al menos la de Cedano explica las cosas

@Kiko_L como la has hecho?

Así mejor, ¿no?

@blonfu Te refieres al CSS o a HTML+CSS?

/*SPANISH-FLAG*/
.sp-flag tr:nth-last-child(-n+3) td{
  background-color: #C60B1E;
  color: #C60B1E;
}
.sp-flag tr:nth-child(n+1):nth-child(-n+3) td{
  background-color: #C60B1E;
  color: #C60B1E;
}
.sp-flag tr:nth-child(n+4):nth-child(-n+10) td{
  background-color: #FFC400;
  color: #FFC400;
}

.sp-flag tr:nth-child(7) td:nth-child(5){
  color: transparent;
  background-image: url("./img/spain.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(4.5);
}

abulafia

Yo creía que el ojo del cubero no era tanto para elaborar cubas perfectas, sino para estimar "a ojo" su volumen

10:06 AM

realmente no me di cuenta de que el león es rosa hasta hace relativamente poco

abulafia

a ojo de buen cubero

== Español == === Locución adverbial === 1 Con imprecisión o usando una medida meramente estimada, sin ayudarse de ningún tipo de peso o medida. Sinónimos: a ojo, a ojímetro, a bulto. Origen: Antiguamente, la cuba además de un recipiente para guardar vino era una medida de capacidad. La exactitud en la capacidad de la cuba dependía de la pericia del fabricante de la misma: el cubero. Ejemplo:«"El tiempo de cocción depende, naturalmente, de la calidad de los frijoles, si son los americanos que son grandes, largos y duros, pues hay que darle más tiempo, si son los cubanos o los brasileños,...

Pero bueno, en León nunca vieron leones, así que ...

@Kiko_L el html no era el mismo siempre?

@blonfu Sip

Y sigue siendo

vale, pensaba que te referías a que te enseñara el html también

@abulafia creo que lo importante no era la capacidad en sí, sino que todas las cubas tuvieran la misma

10:08 AM

Sí, es el que puse en la pregunta

la cuba era la unidad de medida

10:22 AM

@Kiko_L me preguntaba como habias hecho la diagonal

/*BHUTAN-FLAG*/
.bhu-flag{
  color:transparent;
  background-image: linear-gradient(-31deg, #ff4e12 50%, #ffd520 50%);
}
.bhu-flag tr:nth-child(8) td:nth-child(8){
  background-image: url("./img/bhutan.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(10);
  padding-bottom: 1px;
}

linear-gradient

ah vale

El -31deg y el padding-bottom:1px; son bastante feos pero hacen su función

Cómo me lo estoy pasando XD

el -31deg no veo que tiene de malo

es la forma de rotar los gradientes

aunqyue segun wikipedia la proporcion de la bandera es 2:3. A mi me sale que el angulo es mas o menos -33.7deg

codepen.io/anon/pen/mzxpoE

Pero le estás forzando el height y el width a un valor dado

es más correcta la tuya, sin duda

Yo lo estaba apañando al valor que cogía la tabla con los textos "cell" que llevan todas las celdas

388x239

Lo acabo de cambiar y mucho más elegante

gracias!

Ahí está: htmlpreview.github.io/?https://github.com/KikoLabiano/…

10:45 AM

@Kiko_L ah. Pero es mejor que no tengan texto y ajustar el tamaño según sea la bandera

La primera debería salir la de USA pero no sé por qué el htmlpreview no pilla el último push del repositorio

Que chulo

XD

o_O

IE?

@Kiko_L chrome

en edge tambien

Yo lo veo bien en Chrome (de hecho debuggeo con él) o_O

ah coñe, que las has seleccionado

eso es trampa

10:55 AM

@Kiko_L claro que he seleccionado

Solucionado:

-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;

Quita el texto hombre

@blonfu Me gusta más el user-select:none porque si no las imágenes también se seleccionarían

(quitando el texto, digo)