Entrar

Enlances cambiantes

BlaEst · · Solicitar retirada
Pues tengo un problema en la leccion 2 Menu de la web enlaces cambiantes ...en el ejemplo nos pone

Sin subrayar y marrones, excepto cuando se lococa el cursor encima que pasan a rojos y subrayados
Pero cuando me voy a la vista previa de la plantilla los enlaces no cambian

Lo mismo pasa si pongo
a {color: blue; font-size:1.3em ; text-decoration: none}
No cambia a azul ni se quita la subrayado

Esto tengo en estilos generales

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: 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: yellow ; width: 150 px ; float:left ; text-align:left}
#pie {background-color: brown }
#menu li { list-style:none ; margin: 4px 0px 4px 6px)
a {color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}

¿Que podria estar mal?
Soy principiante y ha mucha honra
BlaEst · · Solicitar retirada
Por favor que alguien me ayude...estoy a punto de ponerme a llorar porque de aqui no puedo avansar ya nada me sale simplemente nada de lo que sigue en la leccion me sale....si no corrigo los enlaces cambiantes me quedare ahi para siempre...estoy desesperada
Soy principiante y ha mucha honra
jhonatan · · Solicitar retirada
te entendo demasiado

awr cual es el problema


mm


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


mipo
a {color: brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}


aumque yo lo veo bien esta igual que el mipo
jhonatan · · Solicitar retirada
aeer e underline no me gusta


prueva con el mio


a {color: white; font-size:1em ; text-decoration: none}
a {color: yellow ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}


si no te sirve

ve a el ejemplo de gorgens ve el codigo de fuente ve la hoja de estio y corrigelo asi ise yo para corregiri mis errores :wink:
BlaEst · · Solicitar retirada
Pero no pasa nada en la vista previa....se supone que le debe quitar lo subrayado a enlace 1, enlace, enlace , enlace 3 pero sigue subrayado y tampoco cambia de color cuando se señala con el raton
Soy principiante y ha mucha honra
BlaEst · · Solicitar retirada
BlaEst escribió:Pero no pasa nada en la vista previa....se supone que le debe quitar lo subrayado a enlace 1, enlace, enlace , enlace 3 pero sigue subrayado y tampoco cambia de color cuando se señala con el raton

Prove con el tuyo pero siguen el lo mismo la letra nisiquiera cambia de color
Soy principiante y ha mucha honra
BlaEst · · Solicitar retirada
jhonatan escribió:aeer e underline no me gusta


prueva con el mio


a {color: white; font-size:1em ; text-decoration: none}
a {color: yellow ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}


si no te sirve

ve a el ejemplo de gorgens ve el codigo de fuente ve la hoja de estio y corrigelo asi ise yo para corregiri mis errores :wink:


Perdon me cite a mi misma

Ahora si con el tuyo sigue igual nisiquiera cambia la letra de color y sigue subrayado
Soy principiante y ha mucha honra
jhonatan · · Solicitar retirada
mmm dime en que leccion vas para mandarte el codigo de la hoija de estilo de gorgens y d decirte cual es el error
BlaEst · · Solicitar retirada
Es la segunda leccion-subtema enlaces cambiantes-Cómo se definen las propiedades de los enlaces

Esto es lo que tengo en la 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 sera la Zona Principal de la Web"</div>
    <div id="pie">Este es el Pie de la Pagina</div>
    </div>

    </body>
    </html>

    Y esto en la hoja de estilos general

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: 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: yellow ; width: 150 px ; float:left ; text-align:left}
    #pie {background-color: brown }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px)
    a {color: brown ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline}
    a:active {}


    ahora me voy a comer pero vuelvo para seguir..desesperada pero no me doy por vencida
    • Soy principiante y ha mucha honra
    Raulyure · · Solicitar retirada
    BlaEst escribió:Es la segunda leccion-subtema enlaces cambiantes-Cómo se definen las propiedades de los enlaces

    Esto es lo que tengo en la 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 sera la Zona Principal de la Web"</div>
    <div id="pie">Este es el Pie de la Pagina</div>
    </div>

    </body>
    </html>

    Y esto en la hoja de estilos general

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: 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: yellow ; width: 150 px ; float:left ; text-align:left}
    #pie {background-color: brown }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px)
    a {color: brown ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline}
    a:active {}


    ahora me voy a comer pero vuelvo para seguir..desesperada pero no me doy por vencida
    • Hola:
    Si es eso realmente lo que tiene usted en la plantilla, significa que le puso una arroba en la capa global: <div id="@global">. Sería bueno que se la quitara ya que esa arroba sobra.(suele pasar, ya que la arroba está al lado de la tecla en que está la almohadilla).
    También se ve que la capa <div id ="navegación"> no la ha cerrado,
    le falta al final la barra inclinada, y parece ser que al crear la capa "menu" tampoco la ha cerrado, debe hacerlo poniendo </div> debajo de , ya que es el final de la lista que contiene los enlaces y a la vez debajo de ese div que cierra la capa menu debe poner otro </div> para que se cierre la capa contenido.
    Un error muy común que tenemos cuando estamos en las primeras lecciones es olvidarnos de que cuando se hace una capa o div, después hay que cerrarlo y eso acarrea desajustes en la página
    Agradecido de los que aprenden enseñando
    BlaEst · · Solicitar retirada
    O mil gracias ya corregi los errores que mencionas .....aunque el error por el que puse el mensaje no lo mencionaste pero no importa porque otra persona del foro ya me lo corrigio...mil gracias a los dos...los quiero llevaba a torada mas de un día...muchos besos ....y gracias por la paciencia que me tienen
    Soy principiante y ha mucha honra
    kiku-marta · · Solicitar retirada
    Hola,
    Soy nueva en este foro... y bueno... tengo el mismo problemilla que tú, pero no se donde encontrar ese ejemplo de gorgens al que os referís,que es? o donde esta?

    Muxas gracias.
    kiku-marta · · Solicitar retirada
    me podrías explicar donde, es que no lo encuentro, vamos que no se como se busca el código interno de la página de estilos.
    Lo que tengo yo escrito es esto:

    *{margin:0px;padding:0px;border:0px}
    body {text-align:center}
    #cabecera {background-color:pink}
    #navegacion {background-color:grey}
    #contenido {background-color:orange;width:800px;float:left}
    #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: brown ; text-decoration:none;display:block}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}


    y algo tiene que estar mal, porque lo de los enlaces no me hace, me hace bien hasta a {color....}
    pero de ahí en adelante no me hace bien.

    Porfi...ayudarme!
    RogexdarK · · Solicitar retirada
    Q onda .. pues aki te lo dejo como lo dijiste en tu duda .. cuando estan solo estan marrones y sin linea .. y cuando le pones el mouse encima pasan a rojos con subrayado ..

    *{margin:0px;padding:0px;border:0px} 
body {text-align:center} 
#cabecera {background-color:pink} 
#navegacion {background-color:grey} 
#contenido {background-color:orange;width:800px;float:left} 
#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: brown ; text-decoration:none;} 
a:link {} 
a:visited {} 
a:hover {color:red ; text-decoration:underline ; background-color: silver} 
a:active {}

    saludos..
    kiku-marta · · Solicitar retirada
    Hola!

    Debo de ser un poco zoquete.... porque tengo puesto lo mismo que tú... pero sigue sin hacer nada.

    Igual tengo algo mal en la 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">menu
    <ul>
  • <a href:"#">Enlace 1</a>
  • <a href:"#">Enlace 2</a>
  • <a href:"#">Enlace 3</a>
    </div>


    Esta es la zona principal de la web</p>



    Hola! esta es mi primera página web, pero tenggo
    unos problemillas, a ver si alguien me los soluciona</p>



    ahora me voy a la cama que estoy cansada, hasta mañana.</p>
    </div>
    <div id="pie">Este es el pie de página</div>

    </div>

    </body>
    </html>

    Estilo:

    *{margin:0px;padding:0px;border:0px}
    body {text-align:center}
    #cabecera {background-color:pink}
    #navegacion {background-color:grey}
    #contenido {background-color:orange;width:800px;float:left}
    #pie {background-color:brown}
    #global {width:800px;margin:4px auto}
    #menu {background-color:yellow; width:150px;float:left;text-align:left;margin-right:10px}
    #menu li{list-style:"none";margin:4px 0px 4px 6px}
    #contenido p {padding:5px 10px 5px 10px}


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

    p {text-align:justify}

    A ver si alguien es capaz de encontrar el fallo!
    Muchas gracias a todos!
    • Mikel L · · Solicitar retirada
    jhonatan escribió:mmm dime en que leccion vas para mandarte el codigo de la hoija de estilo de gorgens y d decirte cual es el error

    jhonatan, esa firma es gigantesca y bastante (muy mucho) molesta...
    Socinu · · Solicitar retirada
    Hola, mira, yo lo que hice fue efectuar ese paso así y (aunque no me efectuo el cambio en el momento) continué con el siguiente tema "enlaces de fondo" y le agregue la siguiente propiedad :"dispaly:block" y al darle previo si me tomo los cambios anteriores (cambio de letra cafe a rojo y subrayar texto). Intentalo y creo que si te va a funcionar. Saludos.