Evitar selección de texto con CSS

Evitar selección de texto con CSS

A veces, cuando creamos un menú, por ejemplo, nos interesa que puedas pulsar los botones pero que no quede seleccionado el texto. Para esta o cualquier situación podemos utilizar este código CSS para evitar la selección del texto: En cualquier elemento que contenga la clase .block_text_selection no se permitirá la …

Leer másEvitar selección de texto con CSS

Div con opacidad en el fondo pero no en el texto con CSS (Div opacity but not in text)

Div con opacidad en el fondo pero no en el texto con CSS (Div opacity but not in text)

Para agregar opacidad, se debe añadir este código entre etiquetas <style> o en un fichero de estilo .css. .opacidad { /* Para navegadores que no son compatibles con RGBa */ background-color: rgb(0, 0, 0); /* RGBa con opacidad 60% */ background-color: rgba(0, 0, 0, 0.6); /* For IE 5.5 – …

Leer másDiv con opacidad en el fondo pero no en el texto con CSS (Div opacity but not in text)

Alinear un div al lado de otro div con CSS

Alinear un div al lado de otro div con CSS

En esta entrada podrás descubrir como alinear un div al lado de otro div con CSS. En este ejemplo, podemos ver como el div2 «flota» al lado del div1: HTML: <div class=»container»> <div class=»div1″> </div> <div class=»div2″> </div> </div> CSS: <style type=»text/css»> .div1{ position:relative; float:left; width:200px; height:400px; } .div2{ position:relative; …

Leer másAlinear un div al lado de otro div con CSS