Entrar

problemillas con la hoja de estilo en general

Raquel · · Solicitar retirada
Hola!!

Estoy encantada con el curso, es justo lo q estaba buscando!!! pero...tengo algunos problemillas:

no me sale en castellano hice todo lo que ponia pero nada, he estado leyendo algunas de las dudas de los demás y me he asegurado de que lo q le deciais q hiciero yo lo tenia hecho pero ni por esas consigo q salga es castellano.

todo lo q escribo en las hojas de estilo.css y estilo-general.css no se refleja en el diseño no consigo q se vea el color, ni la imagende fondo ni que me centre el párrafo, no se van los puntos de los enlaces...no sé qué hago mal y lo he repaso un montón de veces. He comprobado q la carpeta de objetos este escrita con minúsculas y q esté igual q las del index, estilos...

Cuando le doy a vista previa en los estilos, me sale una ventana más grande llamada estilo-general-block de notas (donde simplemente aparece lo mismo q tengo yo escrito ) y por detrás, en la ventana de siempre aparece esto:HTML-KIT-[estilo-general.css-"Exploración cancelada"] y tengo conexióna internet continuamente no lo entiendo.

Ójala puedas ayudarm te copio lo q tengo hecho:

index

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

<html>
<head>
<title>Página Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>


[contenido no disponible]




Página creada gracias a <a href="http://comocreartuweb.com"target="blank">
CCTW</a></p>


esto empieza a ser un lio</p>



[correo eliminado]</p>
</body>
</html>

estilo.css

body {background-color: #FFE4B5 ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
{background-position: center center ; height:100%}

img {border-style: none}

.centrado {text-align:center}


plantilla

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

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" herf="estilo-general.css" type="text/css" media="all">

</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
  • anlace 2
  • enlace 3

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>

    estilo-general.css

    body {text-algin:center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink}
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color:yellow; width: 150px ; float:left}
    #menu li {list-style:none}
    #pie {background-color: brown}
    • Jugoncan · · Solicitar retirada
    Me he dado cuenta de que dices que se llama estilo.css, pero aquí:
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    tienes puesto estilos.css
    Saludos, Juanma
    Raquel · · Solicitar retirada
    Jugoncan escribió:Me he dado cuenta de que dices que se llama estilo.css, pero aquí:
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    tienes puesto estilos.css
    Saludos, Juanma

    Hola de nuevo!!

    He revisado lo q m has dicho pero el erros ha sido al escribir en el foro en la carpeta lo tengo bien :estilos.css = q en el index
    Jugoncan · · Solicitar retirada
    Aquí, en la plantilla, tienes un fallo:
    <link rel="stylesheet" herf="estilo-general.css" type="text/css" media="all">
    Es href, no herf
    Saludos, Juanma
    Yaneth · · Solicitar retirada
    Hola.

    al parecer los codigos están bien,

    para ayduarte a la segura

    toma una captura de pantalla del html-kit, con el workspace, y la carpeta de objetos abierta

    asi veremos lo que hay en ellas,

    muchas veces el fallo, es un punto de mas, una letra, cualquier cosa

    saludos
    Raquel · · Solicitar retirada
    Jugoncan escribió:Aquí, en la plantilla, tienes un fallo:
    <link rel="stylesheet" herf="estilo-general.css" type="text/css" media="all">
    Es href, no herf
    Saludos, Juanma
    Hola!! Sé que soy un poco pesada pero es que... he corregido ese error pero siguen sin aparecer los colores, ni el fondo de pantalla ni se le van los puntos gordos a lo de enlace 1, enlace 2, enlace 3, lo único que ha cambiado es que ya no salen subrayados. :cry:
    Raquel · · Solicitar retirada
    Raquel escribió:
    Jugoncan escribió:Aquí, en la plantilla, tienes un fallo:
    <link rel="stylesheet" herf="estilo-general.css" type="text/css" media="all">
    Es href, no herf
    Saludos, Juanma
    Hola!! Sé que soy un poco pesada pero es que... he corregido ese error pero siguen sin aparecer los colores, ni el fondo de pantalla ni se le van los puntos gordos a lo de enlace 1, enlace 2, enlace 3, lo único que ha cambiado es que ya no salen subrayados. :cry:

    Ya esta!!!! muchiiiisimas gracias!!!!!!
    Yaneth · · Solicitar retirada
    jeje

    que bien que se pudo arreglar

    muchas felicidad Jugoncan, por tu exelente ayuda

    saludos
    Jugoncan · · Solicitar retirada
    Aquí hay otro fallo:

    body {background-color: #FFE4B5 ;
    background-image: url(objetos/fondo.png) ;
    background-repeat: no-repeat ;
    {background-position: center center ; height:100%}

    Si te fijas puse una llave que sobra en rojo
    Saludos, Juanma
    Jugoncan · · Solicitar retirada
    Uy :lol: , seguí buscando cosas sin darme cuenta que ya estaba solucionado :lol:
    Yaneth · · Solicitar retirada
    :wink: :wink: :wink: :wink:

    vas que vuelas para "webmaster"

    :wink: :wink: :wink:
    Raquel · · Solicitar retirada
    Jugoncan escribió:Uy :lol: , seguí buscando cosas sin darme cuenta que ya estaba solucionado :lol:

    ups y yo me dí cuenta q no estaba todo solucionado perdon :oops:

    Veamos me falta la imagen de fondo del index, y de la plantilla me falta centrar los párrafos (aquí ahora sí que me salen los colores) vuelvo a copiar lo que tengo, con los errores que me habeis dicho corregidos ok? muchas gracias por todo y disculpar por las molestias

    index

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

    <html>
    <head>
    <title>Página Principal del Ejemplo CCTW</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>
    <body>

    <p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>


    [contenido no disponible]




    Página creada gracias a <a href="http://comocreartuweb.com"target="blank">
    CCTW</a></p>


    esto empieza a ser un lio</p>



    [correo eliminado]</p>
    </body>
    </html>


    estilos.css


    body {background-color: #FFE4B5 ;
    background-image: url(objetos/fondo.png) ;
    background-repeat: no-repeat ;
    background-position: center center ; height:100%}

    img {border-style: none}

    .centrado {text-align:center}


    plantilla


    <!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="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>


    Este es mi primer párrafo</p>


    Este es el segundo párrafo que escribo y me estoy dando cuanta de que si le doy a vista previa se va viendo el párrafo pero deja demasiada separación con el anterior espero que con las siguientes clases esto se solucione porque la verdad es q no queda muy bonito, parece el típico trabajo que haces para el cole a doble espacio para que ocupe más.</p>


    Bueno aquí estamos escribiendo otro jeje, la verdad es que lo que más me gusta es escribir párrafos, bueno voy a ver qué tal va eso.</p>


    Madre mia a mi no me sale como a vosotros, a mi me sale todo a la izquierda.</p>
    </div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>



    estilo-general-css


    *{margin:0px ; padding:0px ; border: 0px}
    body {text-algin:center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink}
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color:yellow; width: 150px ; float:left}
    #menu li {list-style:none ;margin: 4px opx 4px 6px}
    #pie {background-color: brown}
    a {color:blue; font-size:1.3em; text-decoration:none}
    a {color:brown ; text-decoration:none ; display:block}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color:silver}
    a:active {}
    • Yaneth · · Solicitar retirada
    Hola

    en la hoja de estilo-general.css

    tienes un fallo

    body {text-algin:center}

    lo correcto es:

    body {text-align:center}
    Yaneth · · Solicitar retirada
    por lo de la imagen de fondo

    confirma que tengas la imagen llamada fondo.png

    he visto que tienes algunos errores con los nombres de las imagenes

    objetos/buzon.gift.gif
    objetos/sonrisa.gift.gif


    confirma el nombre de la imagen de fondo

    tal vez lo tengas tambien con la extencion repetida

    saludos
    Raquel · · Solicitar retirada
    Yaneth escribió:por lo de la imagen de fondo

    confirma que tengas la imagen llamada fondo.png

    he visto que tienes algunos errores con los nombres de las imagenes

    objetos/buzon.gift.gif
    objetos/sonrisa.gift.gif


    confirma el nombre de la imagen de fondo

    tal vez lo tengas tambien con la extencion repetida

    saludos

    Hola muchas gracias!! ya se me ha centrado!!
    lo del fondo de imagen lo tengo bien no tengo la extension repetida, de lo de las otras imagenes me he dado cuenta y se lo he quitado y lo q pasa es q en la vista previa aparece el cuadradito de q ahi va una imagen pero no se ve, por eso se lo he vuelto a poner así.

    He probado a hacer una cosa q le decias a un tal raul, el intentar poner alguna de las otras dos imagenes (la sonrisa o el sobre)como imagen de fondo y tampo funciona.
    Jugoncan · · Solicitar retirada
    Yo cada vez entiendo menos, esto le pasa a mucha gente, pero cuando pongo los códigos en mi ordenador si se ve el fondo en el centro.
    Vamos a cambiar de estrategia, prueba a subirlo a internet, a ver que tal.
    Saludos, Juanma
    Raquel · · Solicitar retirada
    Jugoncan escribió:Yo cada vez entiendo menos, esto le pasa a mucha gente, pero cuando pongo los códigos en mi ordenador si se ve el fondo en el centro.
    Vamos a cambiar de estrategia, prueba a subirlo a internet, a ver que tal.
    Saludos, Juanma

    jajaja, esto de los ordenadores es para volverse loco, como lo subo a internet? supongo q me lo explicareis en las siguientes clases no? yo voy a seguir avanzando y si no consigo subirlo te aviso ok? mil gracias un abrazo
    Jugoncan · · Solicitar retirada
    Denada, jeje :lol:
    Lo de subirlo lo verás cuando llegues a la lección 3, cuando llegues lo subes y ya buscaremos el problema.
    Saludos, Juanma