Que tal , voy al grano tengo el siguiente codigo en cssCódigo :
/* La clase apra indicar que es un sprite*/
.icon{background:url(images/sprite.png) no-repeat;padding:0 0 0 18;}
No se si haya algo mal en esto porque a la hora de ponerlo dentro de un html de codigo:
index.html
Código HTML :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Index</title> <body> <a href="pagination.php" class="icon blue-document-php">Ver el archivo paginación</a><br> </body> </html>
Sale la inagen bien osea:
[] Ver archivo de paginacion ; donde [] es la imagen del sprite
Mientra que un PHP de codigo
index.php
Código PHP :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>testings</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <a href="#" class="icon shopping-basket">add</a> </body> </html>
La imagen del sprite sale encimada con el texto es decir no respeta el padding
Ahora me he dado cuenta que eliminado las primeras tres líneas se arregla (tanto en html como en php), la pregunta es si estas tres lineas son importantes o se pueden omitir, si es que son necesarias como resuelvo en problema
