Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
ALINEACIÓN DE IMAGENES
#1
buenas noches, cordial saludo. alguien me podria ayudar con al alineacion de las imagenes de mi pagina web, lo he intentado ya varias veces y no me lo permite,agradeceria mucho la ayuda.

<!DOCTYPE html>
<hmtl lang="es">
<head>

    <title>Servicio profesional y confiable en su hogar</title>
    <meta charset="utf-8"/>
    <meta name="description" content="Bienvenidos aqui encontrara el mejor servicio profesional para su hogar">
    <meta name="viewport" content="width=device-width, initial scale=1"/>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
    <link rel="author" type="text/plain" href="humans.txt"/>
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/style.css"/>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script src="js/jquery.flexslider.js"></script>
    <script>
         $(window).load(function(){
              $('.flexslider').flexslider();
         });
    </script>

     
</head>
<body>
<header>
<h1>
<a href="index.html">
   <img src="img/logo.jpg" class="fade" alt=" calidad y seguridad" title="Clean house"></a>
</h1>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="nosotros.html">Nosotros</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</nav>
</header>
<section id="contenido">
<section id="principal">
  <article id="slider">
      <div class="flexslider">
       <ul class="slides">
       <li>
        <img src="img/cleaninh.png">
        <p class="flex-caption">Profesionales del Hogar</p> 

       </li>
        <li>
        <img src="img/cled.png">
        <p class="flex-caption">Ahorra tiempo y dinero con nuestros servicios</p> 

       </li>
       <li>
        <img src="img/reservat.png">
        <p class="flex-caption">Reserva tu cita con nuestra profesional del hogar</p> 

       </li>
       </ul>

      </div>

  </article>

</section>
<aside>
<article id="servicios">
<figure id="img-servicios">
<img src="img/hogar.png" alt="limpieza">
<figcaption>Bienestar y Salud es el resultado de un buen servicio</figcaption>
</figure>
<figure id="img-servicios">
<img src="img/hous.png" alt="puntualidad">
<figcaption>nuestra limpieza profesional hace de tu hogar un sitio agradable</figcaption>
</figure>
</article>
</aside>
</section>
<section id="Destacados"  >
    <article id="calidad">
        <img src="img/calidad.png"  class="fade">
        <p class="justificado">
                     Calidad. 
         </p>

    </article>
    </article>
   
    
   
   
<section id="Destacados"  >
    <article id="innovacion" >
        <img src="img/innovacion.png" class="fade">
        <p class="justificado">
                     Seguridad al elegirnos
         </p>
         

    </article>
    
   
  <section id="Destacados" >
    <article id="Reserva">
        <img src="img/cita.png" class="fade">
        <p class="justificado">
                     Reserva y Disfruta de nuestros servicios
         </p>


    </article> 

</section>
</section>
<footer>
Clean House S.A.S COPRYGHT 2016 
</footer>

</body>
</html>
#2
Como te comente en el anterior tema usa <div align="center"> </div o en el propio css aplicarle alineación.
WWW
#3
Seria necesario ver tu CSS, yo te recomiendo dos cosas, utiliza un framework tipo bootstrap y te ahorrara muchos doloresde cabeza en eso de maquetar correctamente tu página ademas de darle una excelente vista. la segunda busca un sw que se llama Stylizer te ayuda  amodificar tus css y ves en tiempo real la modificación esta no se guarda hasta que le digas, si lo deseas, mandame un privado y te ayudo a conseguirlo o vemos en donde esta la falla en tu site.
#4
Pegate tu CSS para ayudarte mejor Guiño
Metas En Skylium:
-Llegar a 30 mensajes []
-Llegar a 100 mensajes []
-Llegar a 250 mensajes []
-Conseguir 25 de reputación []

#5
Coincido, en general el HTML que pegas está bien, el error puede estar en el CSS; pégalo para poder ayudar, saludos!
#6
Coincido con  las opiniones anteriores, no veo error mayor en el HTML; por lo tanto sugiero revisar otros elementos por favor...
#7
Como dicen los demás es necesario que pegues tu CSS para poder ayudarte. Ademas sugiero que coloques una pequeña descripción de como deseas alinear la imagen.
I'm a happy person
WWW
#8
yo para editar uso el dreamwaver es muy bueno y te deja ver el resultado de forma inmediate
#9
Como te han recomendado, necesitas mostrar el código de tu archivo CSS, la mejor manera de alinear sin tanto esfuerzo es utilizar Bootstrap ya que es especial para este tipo de cosas, aparte que tu sitio web sería responsivo. Saludos.
WWW
#10
Como todos comentan seria bueno que pegues el css o la direcion directa hacia este documento para que entremos y revisemos


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Editor de imagenes Canva WMasterT 2 86 06-09-2018, 04:48 AM
Último mensaje: jcifuentes
  Webs de editores de imágenes Sprystate 3 98 08-08-2018, 02:06 PM
Último mensaje: fercho alb
  Optimizadores y Redimensionadores de imágenes Sprystate 7 187 06-08-2018, 11:00 PM
Último mensaje: ReyNexo23
Arcoiris Editor de imagenes - Pixlr WMasterT 4 186 31-07-2018, 07:09 PM
Último mensaje: ivanloga
  SUPER COMPRESOR DE IMAGENES alieninc 9 431 25-12-2017, 11:00 PM
Último mensaje: betiko2424
  [upload]Excelente web para subir imagenes yuma2009 20 1,040 03-01-2017, 08:21 PM
Último mensaje: gassip
  Lector de RSS deslizante y con imágenes olegario 3 632 04-02-2016, 08:13 PM
Último mensaje: zapikero
  Optimizacion de Imagenes metalfuck 15 1,063 06-10-2015, 11:17 PM
Último mensaje: uzumakysan
  Imagenes de tu pantalla con Lightshot canpios 0 341 26-08-2015, 08:55 PM
Último mensaje: canpios
  página para edición imagenes con texto canpios 16 1,455 02-07-2015, 02:47 AM
Último mensaje: Kevin9908



Usuarios navegando en este tema: 1 invitado(s)