Advanced Search

Return to Snippet

Revision: 8125
at September 4, 2008 03:25 by sendoa
Initial Code 
La parte HTML

<h1 id="logo">Qbikode Solutions, S.L.<span></span></h1>

La parte CSS (suporponemos la imagen al texto)

h1#logo {
	height: 110px;
	overflow: hidden;
	position: relative;
	width: 560px;
}
h1#logo span {
	background: url(/img/logo.gif) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
Initial URL 
http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/
Initial Description 
Esta técnica sirve para poner imágenes en elementos que originalmente son de texto. Por ejemplo en un <h1> etc. Por supuesto la clave está en mantener la accesibilidad.

Hay otra técnica que lo que hace es darle un indent al texto de -9999 para que no se vea y aplicar al elemento una imagen de fondo.
Initial Title 
Poner imágenes en elementos de texto pero con accesibilidad
Initial Tags 

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS