Entrar

Problema en el logotipo

calavera · · Solicitar retirada
Tengo un Porblema en 3leccion en INSERTAR EL LOGOTIPO
despues de exacto una verdadera mierda
ago los pasos que pone i no esta bien me se desncuadra todo.

MI hoja de estilos:

#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px }


I mi plantilla HTML:

<div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div>
Raulyure · · Solicitar retirada
calavera escribió:Tengo un Porblema en 3leccion en INSERTAR EL LOGOTIPO
despues de exacto una verdadera mierda
ago los pasos que pone i no esta bien me se desncuadra todo.

MI hoja de estilos:

#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px }


I mi plantilla HTML:

<div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div>

Hola:
Debe fijarse cuál es el logotipo que puso en la carpeta objetos, porque si está siguiéndo el curso, le recomiendo que baje el logotipo que tiene acá en el foro arriba a la izquierda (el que se mueve). ya que es el que tiene las medidas que coinciden con la capa logotipo que hay en su página.
Ya nos dirá
Agradecido de los que aprenden enseñando
calavera · · Solicitar retirada
No da resultado

Mi pagina de estilo entera:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white; border-right: black 1px solid; border-left: black 1px solid ; height:85px }
#navegacion {background-color: gray; border: black 1px solid }
#contenido {1px solid black ;border-left: black 1px solid ; border-right: black 1px solid; background-color: orange }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white; border-right: black 1px solid; border-left: black 1px solid; border-top: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
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}
border: 1px solid black ;
p {text-align: justify}

Mi pantilla HTML entera:

<!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">[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">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Alomejor tengo que cambiar algun numero o algo
    • Yaneth · · Solicitar retirada
    hola buen dia
    la mayoria de las veces, cuando una imagen no sale, es porque la ruta es incorrecta

    para ayudarte a ver
    muestranos una captura de pantalla del workspasce con la carpeta objetos abierta

    saludos
    calavera · · Solicitar retirada
    bueno me sale el logotipo pero lo que yo digo esque cuando hago todos laos pasos de la tercera leccion de la parte insetar logotipo acabo la pagina y hay cosas hacia arriba i otras hacia abajo

    expliqueme como puedo mostrar eso de la captura de pantalla
    Raulyure · · Solicitar retirada
    calavera escribió:No da resultado

    Mi pagina de estilo entera:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: white; border-right: black 1px solid; border-left: black 1px solid ; height:85px }
    #navegacion {background-color: gray; border: black 1px solid }
    #contenido {1px solid black ;border-left: black 1px solid ; border-right: black 1px solid; background-color: orange }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: white; border-right: black 1px solid; border-left: black 1px solid; border-top: black 1px solid }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    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}
    border: 1px solid black ;
    p {text-align: justify}

    Mi pantilla HTML entera:

    <!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="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Alomejor tengo que cambiar algun numero o algo

    • Hola:

    Creo que usted en su página abre la capa <div id="cabecera etc. etc.
    luego dentro de la capa cabecera crea la capa logotipo y la cierra y también crea la capa publicidad y la cierra, pero lo quie no cierra es la capa cabecera

    <div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div> Acá debe poner otro </div>

    Saludos
    Agradecido de los que aprenden enseñando