Separar linea de botones hacia la dercha

jperpe4 · #1 (**permalink**) 04/02/2012, 11:20

Hola quisiera saber como hago para separar una linea de botones un poco hacia la derecha, lo que intento es que los botones que he escrito con html se me desplacen un poquitin todos hacia la derecha y que solo afecte a este codigo y no al resto.
Este es el codigo de los botones:

<!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>Documento sin título</title>
</head>
<body>
<img src="ftp://[email protected]/www/facebook/historia1.jpg"alt="boton historia de castril"/></a>
<a href="http://www.castrilgranada.es/_new/como-llegar/" target="_bank">
<img src="ftp://[email protected]/www/facebook/comollegar.jpg" alt="boton como llegara a castril"/></a>
<a href="http://www.castrilgranada.es/_new/donde-alojarse/" target="_bank">
<img src="ftp://[email protected]/www/facebook/dondealojarse.jpg" alt="boton donde alojarse en castril"/></a>
<a href="http://www.castrilgranada.es/_new/donde-comer/" target="_bank">
<img src="ftp://[email protected]/www/facebook/dondecomer.jpg" alt="boton donde comer encastril"/></a>
<a href="http://www.castrilgranada.es/_new/que-visitar/" target="_bank">
<img src="ftp://[email protected]/www/facebook/que-visitar.jpg" alt="boton que visitar en castril"HSPACE="2"/></a>
<a href="http://www.castrilgranada.es/_new/galeria-imagenes/" target="_bank">
<img src="ftp://[email protected]/www/facebook/imagenes.jpg" alt="boton imagenes de castril"/></a>
<a href="http://www.castrilgranada.es/_new/blog-castril/" target="_bank">
<img src="ftp://[email protected]/www/facebook/blogcastril.jpg" alt="boton blog de castril"/></a>
<a href="http://www.castrilgranada.es/_new/contacto/" target="_bank">
<img src="ftp://[email protected]/www/facebook/contacto.jpg" alt="boton contactar concastril"/></a>
</body>
</html

Gracias

emprear · #2 (**permalink**) 04/02/2012, 18:05

Bienvenido a FDW @jperpe4
Primero te diría que veo un error, porque tu primera imagen no tiene un <a> de apertura.
Corregido lo anterior, te convendria encerrar el conjunto en una capa, y aplicarle a esta un margin-left

Código HTML:

Ver original<div class="botones">
<!-- aqui tus botones/imagenes -->
</div>

y en el css

Código CSS:

Ver original.botones{
margin-left: 5px;
}

ó la distancia que necesites

Saludos