Entrar

Problemas 3era lección, insertar logotipos, parte sup. inf.

marce479 · · Solicitar retirada
Buen dia tengo un problema importante que en base a esto se me descompagino todo, inserte el logotipo de como crear mi web pero haciendo vista previa y en el servidor no tiene movimiento, luego mi otro problema es con la parte superior e inferior (las nuevas imagenes, donde se ponen los enlaces 1 a 4) 1ero tengo el cadro terminado pero muy alargado, lugo cada enlace tiene como un renglon de por medio, es mas les dejo la pagina como esta para ver si me pueden dar una mano y decirme cual son mis errores http://marce479.onlinewebshop.net/plantilla.html

incluyo el cod de css general
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
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 }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
marce479
Yaneth · · Solicitar retirada
hola

olvidaste cerrar los "A"

  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3

    esto

    <ul>
    <h1>Título de Sección 1</h1>

    debe estar asi

    <h1>Título de Sección 1</h1>
    <ul>
    • marce479 · · Solicitar retirada
    Gracias por contestar pero lo que vos me decis es en la plantilla no?, o en estilo generar?, de paso te pongo lo que tengo en plantilla

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

    <html>
    <head>
    <title>Page title</title>
    <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="index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion"><ul>
  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1> Esta será la zona principal de la web</h1>


    Este es el segundo parrafo de prueba mio</p>
    <h2>Este es el tercer parrafo de prueba de mi pagina wez</h2>


    Esta va a ser el cuarto parrafo de prueba de mi pagina web</p>


    Este es el quinto y ultimo parrafo ALE ESPERO QUE ESTE BIEN!!</p>


    porque ya no se que mas poner en la pagina y espero que salga bien</p>
    </div>
    <div id="pie">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    • marce479
    marce479 · · Solicitar retirada
    Gracias por volver a responder hice la modificacion que me dijiste y el cuadro en el cual dice los enlaces sigue estando largo, fuera de la franja naranja, osea como el resultado que tiene que estar no esta, me explico?, gracias por ayudarme
    marce479
    Yaneth · · Solicitar retirada
    sigo viendolo igual

    <div id="navegacion"><ul>
  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3

    </div>