+ Responder Tema
Resultados 1 al 3 de 3

Tema: Un logo que no se quiere centrar

  1. #1
    Recien Llegado! Habitante jesus-fh Está en el buen camino
    Fecha de Ingreso
    14 ago, 09
    Mensajes
    18
    Poder de Reputación
    5

    Lightbulb Un logo que no se quiere centrar

    Hola ando desarrollando una web de anime, (es la misma web que otro amigo pidio ayuda), los dos la andamos desarrolando.

    Bueno el chiste es que modifique el css donde le quitaba al body que se todo texto se alineara, y alinee las capas que se tenian que alinear, pero ahora no puedo centrar el condenado logo

    este lo que llevo hecho

    Si no lo pueden visualizar me dicen:
    http://pruebasphp.byethost22.com/sou.../plantilla.htm
    escrito por jesus-fh

  2. #2
    Me va gustando esto... Habitante SuperHipo Está en el buen camino Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    42
    Poder de Reputación
    1
    Le he estado echando un vistazo al código Jesús. No sé lo que tendrás en el CSS pero si has definido tanto el LOGO como el H1 dentro de una misma fila de tu tabla y le das tamaño a la celda del H1, esta está limitando el espacio para el logo y no te deja moverlo ya que el logo ocupará el espacio restante a la izquierda. Por mucho que intentes centrarlo no te va a dejar mover el logo más del espacio que le deje el H1.

    Creo que lo mejor sería construirlo sin tabla ninguna, sólo con el DIV, y jugar con las propiedades en el CSS (el "margin-left" del logo, "position", "float",...) hasta que todo quedé colocado como tú quieras.

    Un saludo!!
    Última edición por SuperHipo; 19/10/2011 a las 12:10

  3. #3
    Me va gustando esto... Habitante SuperHipo Está en el buen camino Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    42
    Poder de Reputación
    1
    Intenta con esto, a ver si es lo que tú quieres (te he puesto un borde en el div para que veas claro el espacio del encabezado, pero puedes eliminarlo tranquilamente):

    <div id="encabezado">

    <img src="imagenes/logo.png" />

    <h1>Javascript de imágenes cambiantes</h1>

    </div>


    y el CSS:

    #encabezado {
    width:800px;
    height:200px;
    border:#000000 1px solid;
    }

    #encabezado img {
    float:left;
    position:relative;
    left:300px;
    }
    Última edición por SuperHipo; 19/10/2011 a las 12:16

+ Responder Tema

Temas Similares

  1. Poner, centrar....menú , logo, imágenes, texto...
    Por kala3 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 11/12/2008, 14:52
  2. Centrar logo[SOLUCIONADO]
    Por arcandemons en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 0
    Último Mensaje: 12/07/2008, 13:16

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes