Entrar

nuevo problema (no puedo entrar en el el html kit)

javierbarca · · Solicitar retirada
lo primero, muchas gracias por el tutorial...me esta ayudando muchisimo...
tengo un problemilla al poner el banner (creando mi pagina web ya)....

esto es lo que me ha quedado...

[contenido no disponible]

pongo todo porque no se en que he fallado, lo siento

este es el estilo-general.css

* {text-indent:0px ; 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 }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: pink ; border: black 1px solid }
#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 {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-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
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 }

este es el 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>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

  • Futbol Nacional
  • Futbol Extranjero
  • NBA

    </div>
    <h1>TODO SOBRE FUTBOL Y NBA</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í.

    Y este es el tercer párrafo. 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.

    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    • Yaneth · · Solicitar retirada
    podrias mostrarnos una captura del workspace
    con la carpeta objetos abierta???

    asi vemos como tienes acomodadas las cosas ahi

    saludos
    javierbarca · · Solicitar retirada
    Yaneth escribió:podrias mostrarnos una captura del workspace
    con la carpeta objetos abierta???

    asi vemos como tienes acomodadas las cosas ahi

    saludos
    si, por supuesto (seguro que he liado una gorda :lol: )

    [contenido no disponible]
    Yaneth · · Solicitar retirada
    mira aqui

    <a href="index.html">
    <img src="objetos/logotipo.gif" width="270" height="80"

    ahora en la captura

    veo que la imagen se llama

    logotipo.JPG

    lo ves????????
    javierbarca · · Solicitar retirada
    Yaneth escribió:mira aqui

    <a href="index.html">
    <img src="objetos/logotipo.gif" width="270" height="80"

    ahora en la captura

    veo que la imagen se llama

    logotipo.JPG

    lo ves????????
    vale, sabia yo que alguna habia liado gracias :lol:

    otra cosilla...ahora con el banner colocado, el menu de la izda. se ha descolocado (sigue igual que en la primera foto)...se coloca más adelante o está mal???
    Yaneth · · Solicitar retirada
    aqui

    #logotipo {width:280px ; float:left }

    ponle la altura de la imagen po ejemplo

    #logotipo {width:280px ; float:left; height:80px }

    saludos
    javierbarca · · Solicitar retirada
    Yaneth escribió:aqui

    #logotipo {width:280px ; float:left }

    ponle la altura de la imagen po ejemplo

    #logotipo {width:280px ; float:left; height:80px }

    saludos
    lo siento, pero no lo entiendo...he puesto eso exactamente y yo no noto nigun cambio...tambien he probado con distintos numeros pero sigue exactamente lo mismo.. :?
    nosabernada · · Solicitar retirada
    Hola,

    creo que el problema esque el logo te lo lee como invisible, es decir, que le tiens que poner que la imagen sea solida. En un momneto te busco la etiqueta para el csss y te la paso

    adios
    javierbarca · · Solicitar retirada
    nosabernada escribió:Hola,

    creo que el problema esque el logo te lo lee como invisible, es decir, que le tiens que poner que la imagen sea solida. En un momneto te busco la etiqueta para el csss y te la paso

    adios
    ok, muchas gracias :)
    nosabernada · · Solicitar retirada
    Hola de nuevo:

    pues esto es lo que te faltaba:

    #cabecera {background-color: white ; border-left: black 1px solid ; 
           border-right: black 1px solid ; height:85px}


    comprueba eso

    Adios
    javierbarca · · Solicitar retirada
    nosabernada escribió:Hola de nuevo:

    pues esto es lo que te faltaba:

    #cabecera {background-color: white ; border-left: black 1px solid ; 
           border-right: black 1px solid ; height:85px}


    comprueba eso

    Adios
    perfectooo muchisimas gracias :D :D :D :D
    javierbarca · · Solicitar retirada
    javierbarca escribió:
    nosabernada escribió:Hola de nuevo:

    pues esto es lo que te faltaba:

    #cabecera {background-color: white ; border-left: black 1px solid ; 
           border-right: black 1px solid ; height:85px}


    comprueba eso

    Adios
    perfectooo muchisimas gracias :D :D :D :D
    en mi archivo sale perfecto, pero viendo la pagina....
    http://footballbasket.sportsontheweb.net/plantilla.html :?
    Yaneth · · Solicitar retirada
    te asombrarás de esto

    aqui

    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </div>

    te faltó cerrar el <a>
    en rojo lo que falta

    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]</a>

    saludos
    </div>
    javierbarca · · Solicitar retirada
    Yaneth escribió:te asombrarás de esto

    aqui

    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </div>

    te faltó cerrar el <a>
    en rojo lo que falta

    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]</a>

    saludos
    </div>
    es otra de las cosas que ibaa preguntar..muchas gracias :)
    nosabernada · · Solicitar retirada
    Hola,

    ves que luego no es tan dificil, y teniendo a Yaneth en el foro, todo se arregla

    Adios
    javierbarca · · Solicitar retirada
    nosabernada escribió:Hola,

    ves que luego no es tan dificil, y teniendo a Yaneth en el foro, todo se arregla

    Adios
    la verdad es que al principio es un poco complicado, pero con vuestra ayuda se hace todo mucho mas simple
    gracias :)
    javierbarca · · Solicitar retirada
    lo siento por ser tan pesado, pero ni con firefox ni con el explorer consigo ver la foto...me sale en blanco como en la primera foto...
    nosabernada · · Solicitar retirada
    Hola,

    as vuelto a comprobar las extensiones?¿?

    sino, deberias volver a poner los codigos, y las imagen con las extensiones si podria ser por eso, pero primero los codigos.

    Bueno, adios

    PD: apartir de este mensaje no vuelvo asta el lunos, qe pases un buewn finde de semana tu y todo CCTW
    javierbarca · · Solicitar retirada
    nosabernada escribió:Hola,

    as vuelto a comprobar las extensiones?¿?

    sino, deberias volver a poner los codigos, y las imagen con las extensiones si podria ser por eso, pero primero los codigos.

    Bueno, adios

    PD: apartir de este mensaje no vuelvo asta el lunos, qe pases un buewn finde de semana tu y todo CCTW
    si si, están en jpg
    igualmente, buen fin de semana :)
    javierbarca · · Solicitar retirada
    madre mia la de problemas que doy :P
    no consigo este resultado: http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

    donde la parte de seccion que salga en blanco, y los pasos sucesivos (para hacer el recuadro blanco en todos los enlaces)
    se me queda en amarillo como si no hubiera hecho nada...

    pongo la 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>Page title</title>
    </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>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Futbol Nacional
  • Futbol Extranjero
  • ACB
  • NBA

    </div>
    <h1>TODO SOBRE FUTBOL Y NBA</h1>


    Página Web dedicada al seguimiento diario del Futbol y Baloncesto, tanto nacional como extranjero.
    Resumen semanal de la jornada de las ligas más importantes de ambos deportes y noticias más destacadas.
    También hablaremos sobre el All-Star de Phoenix en el que estarán presentes Pau Gasol, Rudy Fernandez y Marc Gasol
    </p>
    </div>
    <div id="pie">Javi y Miguel ®</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    y el estilo general.css

    * {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; height:80px }
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #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 {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif) };
    background-position: bottom }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:16px ;
    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: blue}
    a:active {}


    gracias y lo siento de nuevo..
    • Yaneth · · Solicitar retirada
    en el index

    intenta quitandole esto

    background-position: center

    lo subes y nos avisas para volverlo a checar ok??

    ahora veo la plantilla
    Yaneth · · Solicitar retirada
    subiste la imagen del logotipo???

    en la captura que nos mostraste del workspace
    no aparece

    subela de nuevo y nos avisas

    saludos