centrar imagenes

¡hola! me gustaria que elguien me dijera como centrar mis imagenes ya que algunas estan hechas con la camara de fotos en vertical y otras en hotizontal, entonces las hechas en horizontal se quedan bien colocadas pero las hechas en vertical se me quedan pegadas a la izquierda en vez de centradas, es el ejemplo de Arquitectura (imagen 03).
¡gracias!
www.disaral.com
si no la tienes dentro de un div colocala dentro de un div con align center

<div align="center">aqui el enlace de la imagen</div>
muchas gracias!
pero me gustaria que estuviera puesto en la carpeta de estilo-general.css
he probedo con esto y nada:
#fotos { margin-top:0px ; image-position: align center }
www.disaral.com
eso de image-position no lo habia visto nunca :P yo siemprelepongo align: center; aunque no se ahora mismo si con divs se podia centrar desde los estilos. De todos modos pasame la url por si tienes algun tipo de fallo :wink:
Hola.
deberías crear una clase para esa foto en especial,por que veo que la capa fotos se repite en las hojas que llevas hasta ahora y cualquier cambio que hagas en la hoja de estilos a esa capa afectará a todas tus demás páginas; algo asi:

.fotos { margin-top:0px ;
margin-left:350px
}

y entu codigo html asi:

<div class="fotos">[contenido no disponible]</div>

Prueba con eso y nos comentas.
No se si haz visto tu página en firefox,pero se ve toda a la izquierda.
Un saludo.
probé con esto que me dijisteis y muy bien:

.fotos { margin-top:0px ;
margin-left:350px
}

y entu codigo html asi:

<div class="fotos">[contenido no disponible]</div>

con eso he conseguido centrar las fotos verticales pero las fotos en horizontal se siguen quedando a la izq. he probado con esto y no me vá, creyendo que haciendo lo mismo que con las verticales pero cambiando algo conseguia centrarlas.

.fotos uno { margin-top:0px ;
margin-left:350px BUENO Y ESTO
}

y entu codigo html asi:

<div class="fotos uno ">[contenido no disponible]</div>

por cierto mi url es la que está abajo la de antoniweb...
www.disaral.com
con margin lo que haces es decir que se mantengan a tanto del margen por lo que con imagenes dee otros tamaños y en pantallas de otros formatos quedara decentrado de nuevo
¡ok! habeis dado en el clavo se me quedan todas las imagenes centradas tanto las verticales como las horizontales es justo como yo queria, y con EditPad no he tardado nada en cambiarl los html.
por cierto para centrar las flechas ¿vale con poner esto? porque lo estoy provando y va bien ¿o solo hay que jugar con el css?
<div id=pie">
<div id="pieuno">
<div align="center">
<ul>
  • [contenido no disponible]</div></div>
    <div id="piedos">
    <div align="center">
    <ul>
  • [contenido no disponible]</div></div>
    <div id="pietres">
    <div align="center">
    <ul>
  • [contenido no disponible]</div></div>

    esto en el html.
    o esto en el css.
    #pie {height: 25px }
    #pieuno {float:left ; width:250px ; margin-top:20px }
    #piedos {float:left ; width:250px ; margin-top:20px }
    #pietres {float:left ; width:200px ; margin-top:20px }
  • www.disaral.com
    Vamos a ver, img es una etiqueta vacia, con lo cual no se adapta al centrado normal como por ejemplo para un parrafo....

    Prueba asi:
    img {
    
    display: block;
    margin: auto;
    
    }

    Compruebalo en explorer a ver si va bien, porque creo recordar que como siempre toca los huevos de alguna manera.
    ¡hola chicos! como me a dicho wolfmoon las imagenes se centrar pero a su vez los botones de la izq. de la pagina se me separan bastante unos de otros que se me salen de la pagina hacia abajo pero como soy muy tozudo y me gusta sacar las cosas a base de probar y probar hasta que me canso o me salen, asi que os queria preguntar si es valido esto que he hecho:
    html:
    <div id=pie">
    <div align="center">
    <div id="pieuno">
    <ul>
  • [contenido no disponible]</div>
    <div id="piedos">
    <ul>
  • [contenido no disponible]</div>
    <div id="pietres">
    <ul>
  • [contenido no disponible]</div>



    </div>
    </div>

    css:
    #pie {height: 25px }
    #pieuno {float:left ; width:350px ; margin-top:20px }
    #piedos {float:left ; width:50px ; margin-top:20px }
    #pietres {float:left ; width:340px ; margin-top:20px }

    solo he probado en arquitectura y se me han quedado bien?
  • www.disaral.com