Separar linea de botones hacia la dercha

jperpe4 · #1 (**permalink**) 04/02/2012, 10: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://castrilgranada@castrilgranada.es/www/facebook/historia1.jpg"alt="boton historia de castril"/></a>
<a href="http://www.castrilgranada.es/_new/como-llegar/" target="_bank">
<img src="ftp://castrilgranada@castrilgranada.es/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://castrilgranada@castrilgranada.es/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://castrilgranada@castrilgranada.es/www/facebook/dondecomer.jpg" alt="boton donde comer encastril"/></a>
<a href="http://www.castrilgranada.es/_new/que-visitar/" target="_bank">
<img src="ftp://castrilgranada@castrilgranada.es/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://castrilgranada@castrilgranada.es/www/facebook/imagenes.jpg" alt="boton imagenes de castril"/></a>
<a href="http://www.castrilgranada.es/_new/blog-castril/" target="_bank">
<img src="ftp://castrilgranada@castrilgranada.es/www/facebook/blogcastril.jpg" alt="boton blog de castril"/></a>
<a href="http://www.castrilgranada.es/_new/contacto/" target="_bank">
<img src="ftp://castrilgranada@castrilgranada.es/www/facebook/contacto.jpg" alt="boton contactar concastril"/></a>
</body>
</html

Gracias

emprear · #2 (**permalink**) 04/02/2012, 17: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 originalCopiar<div class="botones">
<!-- aqui tus botones/imagenes -->
</div>

y en el css

Código CSS:

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

ó la distancia que necesites

Saludos