Entrar

He hecho algo mal?

Nil95 · · Solicitar retirada
Hola estoy haciendo una web con el curso paso a paso y a llegado un punto que miro mi Preview en la plantilla y no me sale lo mismo que en el ejemplo de esta web,Lo tengo así puesto:
Plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>pag title</title>
</head>
<body>
<div id="global">
<div id="cabecera">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>

    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    Y el estilo-general.css lo tengo así:
    *{margin:0px ; padding:0px ; border: 0px}
    body {text-align: center;width: 150px}
    #cabecera {background-color:pink};
    #navegacion {background-color:gray};
    #contenido {background-color: orange};
    #pie {background-color: brown};
    #global {width:800px ; margin: 4px auto}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none;margin: 4px 0px 4px 6px }
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {a:hover {color:red ; text-decoration:underline ; background-color: silver}}
    a:active {}
    Vosotros veis algo mal?
    Me podriais aconsejar sobre lo que me puede ir mejor para poner?
    SALUDOS y gracias por leer este mensage.
    • Raulyure · · Solicitar retirada
    Nil95 escribió:Hola estoy haciendo una web con el curso paso a paso y a llegado un punto que miro mi Preview en la plantilla y no me sale lo mismo que en el ejemplo de esta web,Lo tengo así puesto:
    Plantilla.html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>pag title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">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>

    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    Y el estilo-general.css lo tengo así:
    *{margin:0px ; padding:0px ; border: 0px}
    body {text-align: center;width: 150px}
    #cabecera {background-color:pink};
    #navegacion {background-color:gray};
    #contenido {background-color: orange};
    #pie {background-color: brown};
    #global {width:800px ; margin: 4px auto}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none;margin: 4px 0px 4px 6px }
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {a:hover {color:red ; text-decoration:underline ; background-color: silver}}
    a:active {}
    Vosotros veis algo mal?
    Me podriais aconsejar sobre lo que me puede ir mejor para poner?
    SALUDOS y gracias por leer este mensage.

    • Hola:
    así rápidamente puede verse que usted en la hoja de estilo le ha puesto al body un width de 150px y resulta que lo que se llama body es toda la pantalla de su ordenador, allí creo que no debiera de ponerle ningún width por ahora.

    Fuera de eso veo que en el grupo de los enlaces, (el grupo de las aes)
    Usted repite la regla que le ha dicho a la a que va sola, elija usted con cual de las dos aes se queda , fuera de eso creo que en la línea del a:hover, usted al final cierra con dos llaves, y debiera de ser solo una.

    Por ejemplo usted las tiene así:

    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {a:hover {color:red ; text-decoration:underline ; background-color: silver}}
    a:active {}

    Y una de las opciones sería que queden así.


    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    Espero le sirva de algo ya que he mirado los códigos muy rápidamente, (tengo que salir)

    Saludos
    Agradecido de los que aprenden enseñando
    Nil95 · · Solicitar retirada
    Ayudenme otra vez no me salen las imagenes que pongo en la carpeta objetos.
    Tengo puesto esto.
    plantilla.html:
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <h1>AGAPORNIS SPAIN</h1>
    <div id="global">
    <div id="cabecera">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>


    Esta será la zona principal de la web.</p>


    Madre mia que lio mas grande me estoy aciendo con esto de las web's jeje haber
    si consigo hacer una web decente.</p>


    Me aburro pero como en el tutorial me han dichho que escriba para ver el comportamiento
    pues yo escribo aunque escriba gilipollezes jaaj.</p>


    Pues eso si consigo hacer una web i venderla por unos milloncejos ajjajaj xD.</p>


    Bueno pues nada aki acaba mui escriptura por hoy ajaja saludos internautas y hasta muy pronto nos volveremos a ver juasjuasjuasjuas</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Y en estilo-general.css:

    *{margin:0px ; padding:0px ; border: 0px}
    body {text-align:center;width: 150px}
    #cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: gray ; border: black 1px solid }
    #contenido {background-color: orange;padding: 5px 10px 5px 10px;margin-right: 10px;text-indent: 15px;text-align:justify;order-left: black 1px solid ; border-right: black 1px solid }
    #pie {background-color: brown ; border: black 1px solid }
    #global { margin: 4px auto}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none;margin: 10px 10px 10px 10px }
    #curva-superior { background-image: url(objetos/curva-superior.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 {a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align:justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
    h2 {font.size: 1.1em; color:grey ; font-weight: bold ; text-decoration: none ; text-align: center}
    Alguien me podria dar los codigos que esten bien hasta ese punto del cursillo esque no se que habre puesto mal.
    SALUDOS y gracias por leer esto.
    • jonoxx · · Solicitar retirada
    fijate en los nombres de las imagenes, a lo mejor les tienes un nombre y en el codigo html y css la tienes de otro nombre, a mi me paso, por eso te digo... Suerte