Entrar

error en index

Vitor · · Solicitar retirada
Hola de nuevo!

Perdonar por la pesadez pero no logro enderezar esto; todo ha sido apartir del cambio del index, hasta entonces todo estaba perfecto, pero cuando mandas cambiar el index a la web-ejemplo-cctw-internet, ahí se ha deformado todo, el logotipo no sale (en la carpeta de objetos le veo bien), el pie sale uno encima de otro, las esquinas no salen redondeadas, en fin todo descontrolado.

El dia 30 reflejaba el estilos, me contestaba Manmanu y Jorgens, corregi los errores que parece que tenía, volví a poner el estilos corregido sin conseguir nada, y no he visto contestación.

Nuevamente reflejo el estilos para que le hecheis un vistazo y me digais que debo hacer.
Un saludo.

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.4em; 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:802px ; 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 ; border-top: black 1px solid; width: 802px; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; width: 802px; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#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/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 ;
background-image: url(objetos/curva-superior.gif) }
#pie {background-color: white; ; border: black 1px solid; height: 65px }
#pie li { list-style: none; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px; background-color: white }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/parte-inferior.gif) ; background-repeat: no-repeat ; width: 802px ; height: 12px; overflow: hidden }
a {color: blue; font-size:1.1em ; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline;display: block; background-color: silver}
a:active {}
#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 {}
nosabernada · · Solicitar retirada
Hola,

pues no te faltara un poco de contenido, pues como tambien a dicho jorgens en sus tutoriales, si pones poco contenido, se descuadra, intenta ponerle mas ocntenido o pasanos la index tambiebn

Adios
Vitor · · Solicitar retirada
Creo que tengo bastante contenido, pero os paso el index para ver:

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

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Página oficial de la Banda</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>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs
    </div>

    <div id="contenido"></div>



    <h1> Bienvenidos a la página oficial de la banda</h1>


    "La banda nació en 1982, cuando tras ver por la tele un concierto de
    Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar
    algo? Fue entonces cuando Juanito se compró su primera batería y Pepito
    su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle
    de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de
    uno de ellos. Al principio intentaban tocar sus canciones preferidas,
    las que sonaban en esos momentos por la radio y cosas así. Más tarde
    Pepito empezó a escribir algunas letras a las que pusieron música.
    Así nació la banda, imagino que, igual que muchas otras".</p>

    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div id="piedos">piedos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>

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

    Saludos, gracias.
    • Raulyure · · Solicitar retirada
    Vitor escribió:Hola de nuevo!

    Perdonar por la pesadez pero no logro enderezar esto; todo ha sido apartir del cambio del index, hasta entonces todo estaba perfecto, pero cuando mandas cambiar el index a la web-ejemplo-cctw-internet, ahí se ha deformado todo, el logotipo no sale (en la carpeta de objetos le veo bien), el pie sale uno encima de otro, las esquinas no salen redondeadas, en fin todo descontrolado.

    El dia 30 reflejaba el estilos, me contestaba Manmanu y Jorgens, corregi los errores que parece que tenía, volví a poner el estilos corregido sin conseguir nada, y no he visto contestación.

    Nuevamente reflejo el estilos para que le hecheis un vistazo y me digais que debo hacer.
    Un saludo.

    * {margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify}
    h1 {font-size: 1.4em; 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:802px ; 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 ; border-top: black 1px solid; width: 802px; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid ; width: 802px; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
    #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/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 ;
    background-image: url(objetos/curva-superior.gif) }
    #pie {background-color: white; ; border: black 1px solid; height: 65px }
    #pie li { list-style: none; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px; background-color: white }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/parte-inferior.gif) ; background-repeat: no-repeat ; width: 802px ; height: 12px; overflow: hidden }
    a {color: blue; font-size:1.1em ; text-decoration: none; display: block}
    a:link {}
    a:visited {}
    a:hover {color:red; text-decoration:underline;display: block; background-color: silver}
    a:active {}
    #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 {}

    Hola:

    Sin mirar por ahora detenidamente sus códigos veo que,
    Si usted se bajó las imagenes de curvas del curso Paso a Paso, debe saber que estas miden de ancho 800px y de alto 12px, (a menos que usted le haya modificado el ancho a esas imagenes)

    La cuestión es que si usted hace una capa de 802px de ancho y encima de ella pone una imagen (la curva) , y esta imágen mide 800px de ancho, seguro que no le va a cuadrar.

    Usted a la capa global, le tiene una ancho de 802px, y la curva que va en esa capa global (la curva superior) solo mide 800px.

    Luego usted dentro de la capa cabecera (la capa cabecera toma el ancho por defecto de la capa global, o sea 802px), y pone dentro de la capa cabecera una capa llamada logotipo que mide de ancho 280px y al lado pone una capa que se llama publicidad y mide 518px, eso suma 798px más el borde derecho de un px y el borde izquierdo de un px suman en total 800px , pero como usted le puso a la capa global que midiese 802px , es lógico que las capas se le descuadren.

    Lo mismo le sucede con la capa pie y la curva que va debajo de esa capa pie.
    Creo, (como sugerencia) que debe un poco ceñirse a las medidas que da el curso para que no le surjan esta clase de problemas.

    Saludos