Entrar

Ayuda!!! Se me descuadro la pagina, al poner el logo

Melissa · · Solicitar retirada
Hola Compañeros:

Antes que nada gracias por ayudarme. Soy nueva en esto y no se que error cometí que se me descuadro la pagina como 2 pixeles hacía la izquierda y no se como corregirlo. Espero que me puedan ayudar.

Aqui esta el codigo de html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Técnicas de Relajación Combatir el Estres del Hombre Moderno</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">
<a href="planilla.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>

<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

<div id="menu"><div id="borde-superior-menu"></div>

<ul><h1>Menú</h1>
  • Actitud, Sueños y Organización
  • Activación para el cuerpo
  • Masajes
  • Ejercicios de Relajación
  • Nutrición
  • Filosofía Ancestral
    <div id="borde-inferior-menu"></div>
    </div>


    </p>
    <h1>BIENVENIDOS!!! A ésta página de relajación milenaria...</h1>

    <h2>Actitud, Sueños y Organización</h2>
    <a name= "primero"></a>
    <h3>Activación para el cuerpo</h3>
    <h4>Masajes y Ejercicios de Relajación</h4>
    <h5>Nutrición</h5>
    <h6>Filosofía Ancestral</h6>

    </div>

    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>


    </body>
    </html>

    Y aqui esta la de estilos:

    * {margin:0px ; padding:0px ; border: 0px}
    #global {width:800px ; margin: 4px auto }
    body {text-align: center}
    h1 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h3 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h4 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h5 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h6 {font-size: 1.3em; color:#EE7621 ; font-weight: bold ; text-decoration: underline ; text-align: center}

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }

    #cabecera {background: #C0FF3E; border-left: black 1px solid ; border-right: black 1px solid; height:105px}
    #logotipo {background: #C0FF3E ; width:280px ; float:left }
    #publicidad {background: #C0FF3E ; width:518px ; float:right; margin-top:85px }

    #navegacion {background: #FFD700; border: black 1px solid}
    #contenido {background: #FFEC8B; float:left; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px}
    p {text-align: justify}
    #menu {background-color: yellow; width: 200px ; float:left; margin-right: 10px}
    #borde-superior-menu { background-image: url(objetos/curva-superior-menu.png) ;
    background-repeat: no-repeat ;
    width:194px ;
    height: 33px ;
    overflow : hidden }

    #borde-inferior-menu { background-image: url(objetos/curva-inferior-menu2.png) ;
    background-repeat: no-repeat ;
    width:194px ;
    height: 33px ;
    overflow : hidden }

    #menu {................... margin:10px 10px 10px 10px; background-image: url(objetos/curva-inferior-menu.png); width:194px ; background-position: bottom }
    #menu li { list-style:none; text-align:left; margin: 4px 0px 4px 6px}

    a {color: blue; text-decoration: none; display: block}
    a:link {}
    a:visted {}
    a:hover {color: red; text-decoration: underline; background: #FFA54F}
    a:active {}

    #pie {background: #C0FF3E; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }

    Espero que me puedan ayudar. Esperando su pronta respuesta GRACIAS!!!
    • spitfire2 · · Solicitar retirada
    achica el ancho del logo modificando lo que puse en rojo, ponlo en 260 y ve aumentando de a poco:

    <div id="logotipo">
    <a href="planilla.html">
    [contenido no disponible]
    </div>
    francisco1 · · Solicitar retirada
    ese código no ba hay en el código html quita lo
    <a href="planilla.html">


    <div id="logotipo"> <a href="index.html">

    si bienes del curso paso a paso esta es la anchura y la altura en el logotipo
    width="270" height="80


    este es el codigo

    <div id="global">

    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]
    </div>