Leccion 3- Insertar Logotipo

Yaneth escribió:para volverla a ver
necesitas volver a pegar los codigos.....
asi sabremos que quitaste, que pusiste y que te falta

no temas pegarlos una y otra vez, que no los leemos asi como tal
los paso a mi programa para ver los errores en vivo y a todo color

jeje

saludos

-html-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu"> <h1>Título de Sección 1</h1>

    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </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">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>


    -css-


    *{text-indent:0x ;margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {background-color: white ; width:480px ; float:left }
    #publicidad {background-color: white ; width:318px ; float:right; margin-top:20px}

    #navegacion {background-color: gray; border: black 1px solid; heigt:20px;height:20px}
    #navegacion li {float:left; list-style:none ; margin: 0px 30px 0px 30px }
    #navegacion ul { margin-left: 170px }
    #contenido {background-color: orange; border-left: black 1px solid ; border-right: black 1px solid ;margin top: 0px}
    #contenido p {padding: 5px 10px 5px 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:15px;padding-top:12px; background-image: url(objetos/menu-curva-superior.gif)}
    #pie {border-left: black 1px solid ; border-right: black 1px solid ; border-top:black 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }

    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    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}
    #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 }
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}


    Que peso me quitas de encima, en mi ignorancia creia que te leias todos estos codigos cada vez.
    Pensaba yo.. que capacidad con lo que me cuesta a mi jajajaj....
  • El que la sigue la consigue.
    moimuá escribió:Veo la web perfectamente mediante Firefox 3.6.12

    Saludos.

    ¿Que tal?

    Yo lo veo asi:

    Con explroer http://img543.imageshack.us/img543/3683/explorer.gif

    Con mozilla http://img80.imageshack.us/img80/1633/mozilla.gif

    (no veais lo que me ha costado meter esto aqui, ¿ya os habia dicho que es mi primer foro?)

    Bueno, veis que con el explorer se ha estirado un poco y se han "estropeado los bordes" y con mozilla lo mismo y ademas se ha "desordenado el texto"
    El que la sigue la consigue.
    Hola santoximo.

    El pasado sábado llovió, me empapé, me refugié en un bar… y al día siguiente me encontré acatarrado. Y aún sigo muy acatarrado.

    Ayer pude ver tu web perfectamente, tanto a través de Internet Explorer como a través de Mozilla Firefox, a pesar de que las líneas de códigos de tu hoja de estilos no están del todo ordenadas. Pero no te preocupes, más adelante podrás reordenarlas según te indique el tutorial del Curso Paso a Paso.

    Sí, he visto que, de nuevo, se te ha desordenado la web, un poco. Es probable que haya algún pequeño error en tu hoja de estilos. Pero para detectar cuál es el error, debes copiar y pegar, de nuevo, aquí, tus códigos HTML y CSS.

    El esfuerzo que te ha costado mostrarnos las imágenes va en beneficio de tu propia experiencia.

    Ánimo.

    Saludos y buen día.
    moimuá escribió:Hola santoximo.

    El pasado sábado llovió, me empapé, me refugié en un bar… y al día siguiente me encontré acatarrado. Y aún sigo muy acatarrado.

    Ayer pude ver tu web perfectamente, tanto a través de Internet Explorer como a través de Mozilla Firefox, a pesar de que las líneas de códigos de tu hoja de estilos no están del todo ordenadas. Pero no te preocupes, más adelante podrás reordenarlas según te indique el tutorial del Curso Paso a Paso.

    Sí, he visto que, de nuevo, se te ha desordenado la web, un poco. Es probable que haya algún pequeño error en tu hoja de estilos. Pero para detectar cuál es el error, debes copiar y pegar, de nuevo, aquí, tus códigos HTML y CSS.

    El esfuerzo que te ha costado mostrarnos las imágenes va en beneficio de tu propia experiencia.

    Ánimo.

    Saludos y buen día.

    Siento mucho lo del catarro, pero claro es normal si te quedaste en el bar todo mojado, mejor te hubieses ido a casa.....


    Revisandolo yo mismo he encontrado el fallo y ahora esta perfecto, parece mentira pero lo he conseguido.


    Claro, sabiendo que tengo vuestro respaldo, la cosa cambia y te da más confiaza. Gracias otra vez.


    Voy a terminar la lección cinco, si me atasco vuelvo a pedir ayuda.
    El que la sigue la consigue.