1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Solucionado Me aparece un margen enorme a la derecha

Tema en 'Temas Solucionados' comenzado por ZENiiT, 2 de Septiembre de 2015.

Estado del tema:
No está abierto para más respuestas.
  1. ZENiiT

    ZENiiT Nuevo Miembro

    Se incorporó:
    2 de Septiembre de 2015
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Hola, se lo básico de HTML y CSS y me he aventurado a intentar crear una página web para una academia de inglés. El problema es que el texto no se me centra correctamente porque parece que en la parte derecha ha aparecido un margen bastante grande el cual no se quitar.

    Aquí os dejo como se ve visualmente "teóricamente centrado": http://puu.sh/jY1XE/004c3b665c.jpg

    Y aquí os dejo el código de HTML y CSS:
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/main.css">
        <link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
        <title>Actuality English</title>
    </head>
    <body>
        <img class="center-block" src="Imagenes/Header.png">
        <div>
            <nav>
            <ul class="oswald letra-grande center-block">
                <li><a href="">Inicio</a></li>
                <li><a href="">Actualidad en la escuela</a></li>
                <li><a href="">Cursos</a></li>
                <li><a href="">Titulaciones oficiales</a></li>
                <li><a href="">Empresas</a></li>
                <li><a href="">Traducciones</a></li>
                <li><a href="">Casal de verano</a></li>
                <li><a href="">Precios</a></li>
                <li><a href="">Galeria</a></li>
                <li><a href="">Contacto</a></li>
            </ul>
        </nav>
        </div>
       
        <div class="texto text-center center-block">
            <h1>
                ¡Bienvenidos!
            </h1>

            <p>
                En Actuality queremos que aprendas un idioma de forma fácil, eficaz y divertida, contamos con grupos reducidos con una media de 6 alumnos por clase y horarios flexibles adaptados a cada necesidad. Nuestros alumnos son algo más que eso, formamos una gran familia con un único objetivo, que aprendas inglés.
            </p>

            <p>
                Impartimos clases a niños desde 3 años, adolescentes, adultos y empresas.
                Para que aproveches al 100% nuestras clases disponemos de cursos adaptados a cada necesidad con grupos reducidos, clases particulares, clases de conversación o cursos intensivos diseñados a medida para particulares o empresas.
            </p>

            <p>
                Ven a probar nuestras clases sin ningún compromiso y descubre una escuela diferente.
            </p>
        </div>
       
    </body>
    </html>
    Código (Text):
    CSS:

    * {
        padding: 0;
        margin: 0;
    }
    body nav {
        background:#008aff;
        margin-bottom: 10px;
    }

        body nav ul {
            list-style:none;
            overflow: hidden;
        }

            body nav ul li {
                float: left;
                margin: 0px;
            }

                body nav ul li a {
                    display: block;
                    padding: 10px;
                    padding-left: 20px;
                    padding-right: 20px;
                    color:#fff;
                    text-decoration: none;
                }
                    body nav ul li a:hover {
                        background: #93cdff;
                    }

    a:link  
    {  
    text-decoration:none;  
    }

    .oswald {
        font-family: 'Oswald', sans-serif;
    }

    .letra-grande {
        font-size: 15px;
    }

    .texto {
        width: 95%;
        max-width: 1000px;
        margin-left: 70px;
        margin-right: 70px;
        margin-top: 40px;
        text-align: center;
    }

    p {
        margin-bottom: 20px;
    }
    Agradecería cualquier ayuda posible ya que me he quedado un poco atascado. Muchas gracias y un saludo.
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.449
    Me gusta recibidos:
    664
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    amigo en .texto quita los margin left y right ;) y en max-width cambialo por esto ;)
    max-width: 100%;

    cuenta si se te soluciono o no ;)
     
  3. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    825
    Me gusta recibidos:
    399
    Puntos de trofeos:
    63
    Género:
    Hombre
    A todas estas vas a cobrar por este trabajo? Solo lo digo porque si cobras por un trabajo y pides ayuda es mucha cara. En todo caso si no cobraras nada por el trabajo te pido disculpas por haberte dicho cara dura.
     
  4. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    Angel, al parecer lo que quiere es que no mida más de 1000px pero que se vea centrado. Si le indicas un width de 100% va a ocupar toda la pantalla.

    Lo ideal sería cambiar esto:
    Código (Text):

        margin-left: 70px;
        margin-right: 70px;
    por esto:
    Código (Text):

        margin: auto;
    Eso basta para que el contenido quede centrado.

    Ahora, un comentario fuera de la consulta y solo como consejo.. Nunca aceptes un trabajo que no sabes hacer, te puede traer problemas.

    Saludos
     
    A AngelKrak y gammafp les gusta esto.
  5. ZENiiT

    ZENiiT Nuevo Miembro

    Se incorporó:
    2 de Septiembre de 2015
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Hola, gracias a fede5426 y aANgelDark por las soluciones. Y gammafp lo hago como favor que me pidieron ya que la querían renovar y mis conocimientos no alcanzan a mucho de momento.

    Gracias a todos.
     
  6. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    825
    Me gusta recibidos:
    399
    Puntos de trofeos:
    63
    Género:
    Hombre
    Muchas gracias por tu respuesta ZENiiT espero que hayas resuelto tus dudas.
     
Estado del tema:
No está abierto para más respuestas.

Comparte esta página