Regresar a la página www.ComoCrearTuWeb.com
Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 15 de 18

Tema: Como alinear en el centro mi web?

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11

    Como alinear en el centro mi web?

    Hola a tod@s!

    Llevo un par de meses intentar hacer un nuevo diseño para mi página web con CSS y capas (la interior la hice modificando página por página y era interminable :( )

    El problema que tengo es que saque el diseño a través de una web y la estoy reformando a mi gusto y no hay manera de centrarla en medio de la pantalla, me queda al lado izquierdo y mucho espacio en el otro lado.

    El diseño consta de un header, donde pongo una imagen y desde donde marco links a través de zonas interactivas, y luego tres columnas: la central, de mayor tamaño para poner el contenido de cada página, la derecha, donde pongo las secciones con los enlaces directos a ellas y la de la izquierda, donde podré las updates o últimas noticias.



    A parte del problema de alinear en el centro, tengo los siguientes:

    - Cómo hago para que la columna de la izquierda, updates, tenga un tamaño de largo diferente en función de lo que vaya poniendo (ahora, por mucho contenido que ponga, se alargan todas por igual. En principio, la parte del body tiene colores de fondo en función de cada columna a través de un .png. Es por eso que se alargan las columnas por igual.

    - Cómo hago para que el contenido de esta columna, updates, se me actualice en todas lás páginas y no tener que ir añadiendo una por una las novedades que vaya poniendo.

    - Ahora el header y la parte del body tienen 768 pix de ancho, si lo cambio a 690, que seria lo que me gustaría que hiciera, se me descompensa el header aunque intente reducir las columnas para dividir los 690 en tres partes (dos de ellas más pequeñas y la otra la suma de las dos)

    Muchas gracias por vuestra ayuda

  2. #2
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    Danos los códigos del html y del css y te decimos lo que debes cambiar para que quede como tú quieres

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11
    la hoja CSS es la siguiente:
    * { padding: 0; margin: 0; }
    body {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; background:#57422F;}
    #wrapper { margin: 0 auto; width: 922px;}
    #faux { background:url(JSP.png);margin-bottom: 10px; overflow: auto; width: 100%}
    #header { color: #333; width: 902px; padding: 10px; height: 230px; margin: 10px 0px 0px 0px;
    background:#57422F;}
    #leftcolumn { display: inline; color: #333; margin: 10px; padding: 0px; width: 195px; float: left;}
    #content { float: left; color: #333; margin: 10px 13px; padding: 0px; width: 460px; display: inline;
    position: relative;}
    #rightcolumn { display: inline; position: relative; color: #333; margin: 10px 10px 10px 0px;
    padding: 0px; width: 190px; float: right;}
    #footer { width: 902px; clear: both; color: #333; background: #54422C; margin: 0px 0px 10px 0px;
    padding: 10px;}
    .clear { clear: both; background: none; }

    La index.html es

    <title>Jodie Sweetin Place</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <style type="text/css">
    <!--
    a:link { color: #000000; font-weight: bold; text-decoration: none;}
    a:visited { text-decoration: none;}
    a:hover { text-decoration: underline;}
    a:active { text-decoration: none; color: #54422C;}
    </style></head>

    <body>


    <div id="wrapper">


    <div id="header">

    <div align="center">[img]imagenes/dis/logo.gif[/img]
    <map name="Map" id="Map">
    <area shape="rect" coords="20,174,107,212" href="Home.html" target="_self" alt="Home" />
    <area shape="rect" coords="109,174,184,210" href="Info.html" target="_self" alt="Info" />
    <area shape="rect" coords="198,176,306,214" href="Gallery.html" target="_self" alt="Gallery" />
    <area shape="rect" coords="313,177,410,212" href="Media.html" target="_self" alt="Media" />
    <area shape="rect" coords="425,176,545,212" href="archives.html" target="_self" alt="Archives" />
    <area shape="rect" coords="564,173,648,214" href="links.html" target="_self" alt="" />
    </map>

    </div>
    </div>



    <div id="faux">


    <div id="leftcolumn">
    <div align="center">
    <p align="left">[img]imagenes/dis/updates2.gif[/img]
    </p>
    <p align="justify"> </p>
    </div>
    </div>



    <div id="content">



    [img]imagenes/dis/news2.gif[/img]



    </p>


    <u>- September 14th 2007 -</u></p>
    </div>





    <div id="rightcolumn">
    <p align="left">[img]imagenes/dis/Jodie2.gif[/img]</p>


    Facts</p>


    Biography</p>


    Filmography</p>


    Projects</p>


    Speaker</p>


    Events</p>


    </p>
    <p align="left">[img]imagenes/dis/site2.gif[/img]</p>


    Site info</p>


    Archives</p>


    Links</p>


    Contact </p>


    </p>


    </p>


    </p>







    </p>
    </div>


    </div>


    </div>

    </body>
    </html>

  4. #4
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    Para alinear la página en el centro prueba a poner en el wrapper de la hoja de estilos lo que está en rojo:
    #wrapper { margin: 0px auto; width: 922px;}
    pero es raro que no te aparezca centrado, ahora te escribo mas para lo demas

  5. #5
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    Para que el contenido de updates se te actualice en todas las páginas y no tengas que ponerlo una a una te aconsejo el buscar y reemplazar del dreamweaver

  6. #6
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    La verdad es que no sé que más decirte, porque con ese código no consigo ver nada en mi ordenador. Si no funciona lo que te dije antes me avisas.
    Saludos, Juanma

  7. #7
    Administrador CCTW Webmaster de CCTWHabitante
    Fecha de Ingreso
    11 ago, 05
    Ubicación
    Cartagena, España
    Mensajes
    3,721
    Poder de Reputación
    10
    Creo que falta incluir text-align:center dentro del body...

  8. #8
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    Jeje, verdad

  9. #9
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11
    Muchas gracias a todos por vuestras rápidas respuestas.

    He probado todo lo que me habeís dicho (incluso el text-align center ) pero cuando le doy al f12 para verlo en el explorador solo me sale la pantalla del color que he fijado como fondo, no sale ni la imagen, ni los diferentes apartados... Lo estoy haciendo con el dreamweaver... En cambio las otras páginas conectadas a la hoja de estilos me salen como al principio, ajustadas a la izquierda :?

  10. #10
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,701
    Poder de Reputación
    64
    Hola

    sube al servidor lo que tengas hecho y danos la url para verlo

    tal vez encontremos el error

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  11. #11
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11
    Gracias de nuevo por vuestra ayuda.
    Estos dias he estado trabajando en ello y arreglando el margin y el tamaño de los divs he conseguido más o menos lo que quería de momento.

    Ahora estoy intentando subir la web con iespana (ya tenía otra con ellos) y no hay manera que se vea nada, sólo el fondo del color que he escogido pero ni rastro del banner o de los divs...
    Y eso que he seguido los mismo pasos que con la anterior... Lo he intentado con razyhosting pero no se como subirlos (si, ya se que esta consulta va en otro apartado... pero de momento voy probando hasta que realmente no lo consiga)

    Gracias

  12. #12
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    Podrías darnos el enlace para ayudarte mejor y decirte que es lo que pasa.
    Saludos, Juanma

  13. #13
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11
    Menuda rapidez!!! :o

    El enlace es http://sweetinplace.iespana.es/
    pero verás que no verás nada

  14. #14
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    34
    En efecto he visto que no he visto nada, pero una pregunta, ¿en tu ordenador se ve? porque yo lo copio en una página del mío y tampoco se ve nada aún con la hoja de estilos.

  15. #15
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    In the middle of nowhere
    Mensajes
    11
    Poder de Reputación
    11
    Hola Jugoncan!

    Lo tengo en una carpeta desde la cual modifico los archivos con dreamweaver. Si le doy a las páginas .html creadas me salen en el explorador (utilizo el maxthon) y se me ven perfectas, alineadas en el centro. Si lo hago con el explorador que tengo definido en el dreamweaver me salen alineadas a la izquierda de la pantalla. Y si la cuelgo, no sale nada.

    Hasta ahora en el dreamweaver modifica los archivos en misitio en la vista local y los colocaba en la vista remota y, enseguida los subia a iespana publicando. Pero ayer se me ocurrió hacerlo mediante FTP ( y ahí viene mi ignorancia, no se si se modifican directamente desde la carpeta que tengo en mis documentos o cuando abro el ftp donde lo tengo alojado)

Temas Similares

  1. alinear texto en el centro
    Por igres en el foro Foro General
    Respuestas: 1
    Último Mensaje: 14/02/2009, 16:35
  2. Alinear un div en el centro de la pantalla
    Por volvoreta en el foro Webs con Capas o DIVS
    Respuestas: 5
    Último Mensaje: 21/06/2007, 09:44

Permisos de Publicación

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