Archive for the 'css' Category
Tip - Trick - CSS - Overflow
La propiedad overflow se muestra cuando el contenido sobrepasa el area del elemento contenedor. Tiene los siguientes posibles valores:
visible: Valor por defecto. El contenido no es recortado. Se visualiza fuera del elemento.
hidden: El contenido es recortado, pero el navegador no muestra una barra de desplazamiento para ver el resto del contenido.
scroll: El contenido es recortado, y el navegador muestra una barra de desplazamiento para ver el resto del contenido.
auto: Si el contenido es recortado, el navegador deberia mostrar una barra de desplazamiento para ver el resto del contenido.
Bueno pues también podriamos definir la propiedad overflow tanto horizontal como verticalmente.
Entonces podriamos definir cuando queremos que el navegador nos muestre la barra de desplazamiento:
La propiedad overflow esta soportado para Internet Explorer, Firefox, Safari y Opera
pero las propiedades overflow-x y overflow-y estan soportados en Internet Explorer, Firefox, Safari.
Incluso Opera no sólo no la soporta sino que actúa como sino hubieses puesto overflow, tener cuidado con eso.
Enlaces de referencia:
Tip - Trick - CSS - Como centrar un objeto exactamente en el centro de la ventana
Este Tip CSS es como bien dice el titulo centrar un objeto html (img, table, div, etc) en el centro de la ventana.
Si asumimos como ejemplo que nuestro objeto tienen un ancho de 200px y un alto de 100px, pues el tip CSS se reduce a asginar las siguiente clase:
.centered {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
Donde margin-top toma el valor de la mitad del valor del alto del objeto, y el margin-left la mitad del valor del ancho del objeto a centrar, pero como bien dice Elías Notario en Xiberneticos, para internet explorer 6 faltaria hacer un CSS hack:
*html .centered {
position:absolute;
}
Noticia Original:
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
Visto en:
http://xyberneticos.com/index.php/2007/11/14/centrando-en-el-centro/
Tip - Trick - CSS - Fade Out Bottom - texto con pie de página desvanecido
En Xyberneticos, han publicado un tip CSS escrito por Chris Coyier, para ver un desvanecimiento de las palabras al final del texto, el post original es de Css-Tricks, y el resultado que obtendras es como el de la imagen:
Artículo Original:
http://css-tricks.com/
css-trick-fade-out-the-bottom-of-pages-with-a-fixed-position-image/
CSSMenuMaker: Generador de Menus
Filed under: css | Tags: css, menu, style, menus, menu maker, generador menu
Comments(0) CSSMenuMaker , herramienta web para crear muy simple y rapidamente menus tanto horizontales como verticales, aqui unos esjemplos:
