Cuarta Leccion "Los Enlaces"

juanpe · 24 Oct 2008, 02:34 · Solicitar retirada

Hola,
Cuando meto los Enlaces se descuadra la curva inferior y no se como solucionarlo,muestro la imagen¿alguien sabe como solucionarlo?
Gracias

juanpe · 24 Oct 2008, 02:55 · Solicitar retirada

Olvide algo,jajaja
[contenido no disponible]

Yaneth · 24 Oct 2008, 18:27 · Solicitar retirada

peganos los codigos de ambas paginas

saludos

Ruso · 24 Oct 2008, 23:28 · Solicitar retirada

ajusta el tamaño de pie...

#pie {border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
border-bottom: black 1px solid;
height: 65px }

Lo tienes en 65, ponle 70 y fijate... sino, le aumentas o le kitas

juanpe · 26 Oct 2008, 20:54 · Solicitar retirada

Ya habia intentado ajustar el pie, si lo subo de 65 se haze mas grande, y al disminuirlo llego hasta 1 y sigue igual.Cuando puse la curva inferior estaba bien pero al meter los enlazes se desajusta.
Supongo Yaneth que te refieres a estos codigos,si no, me lo dices,ok?
Gracias nuevamente

#pie {border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px}

</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web</div>
<div id="curva-inferior"></div>
</div>

Raulyure · 27 Oct 2008, 03:06 · Solicitar retirada

juanpe escribió:Ya habia intentado ajustar el pie, si lo subo de 65 se haze mas grande, y al disminuirlo llego hasta 1 y sigue igual.Cuando puse la curva inferior estaba bien pero al meter los enlazes se desajusta.
Supongo Yaneth que te refieres a estos codigos,si no, me lo dices,ok?
Gracias nuevamente

#pie {border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px}

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

Hola:
Sería conveniente que usted nos pusiera todos los códigos tanto de su hoja de estilos como los de su página, porque a veces un problema que uno cree que debe de solucionar en una parte, puede que esté en otra.
En todo caso le diré que si usted a puesto exactamente acá los códigos que tiene en su página, debo decirle que acá en estos que le pongo, usted ha puesto ahref cuando lo correcto es a href (la a separada de href), si puede ponganos todos sus códigos.
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
Saludos

juanpe · 27 Oct 2008, 13:53 · Solicitar retirada

Hola
En el index lo tengo bien,debe ser un error al ponerlo aqui, pongo todos los codigos

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href= "Estilos-general.css"type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>

ya veras como ahora no me sale bien, pero luego lo consigo.</p><h2> desde es dia casi no me entero de lo que estaba sucediendo </h2>

cuando de repente encontre lo que andaba buscando,</p>

y mas tarde, ya casi al anochecer</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

* {text-index: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}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px}
#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-naranja.gif); background-position: bottom}
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior-naranja.gif)}
#pie {border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 1px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#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}
#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:silver}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Yaneth · 27 Oct 2008, 17:53 · Solicitar retirada

a qui un fallo

es indent

* {text-index:0px ; margin:0px ; padding:0px ; border:0px}

aqui otro
es fon-size
h2 {font.size: 1.1em;

te falta cerrar el div pie

y agregale mas texto a contenido

saludos

juanpe · 28 Oct 2008, 00:46 · Solicitar retirada

Hola Yaneth,
He coregido lo que me comentabas pero te hago esta observacion
Este es el codigo que aparece en el recordatorio de la leccion 3,y aqui si pone font ¿cual es el bueno? Ya no se cual esta bien y cual mal, :(
GRACIAS

* {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 }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#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 {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-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 ; padding-top:12px ;
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: silver}
a:active {}

Yaneth · 28 Oct 2008, 00:57 · Solicitar retirada

sorry, se me fue el dedo

debe ser

font-size

jorgens puso

font.size

y tambien se le fue el dedo

:wink:

juanpe · 29 Oct 2008, 02:25 · Solicitar retirada

Hola de nuevo
Tras varios intentos de modificaciones y cambios no logro dar con la clave, cuando llego a esta parte
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
el pie de pagina se desforma tal que asi

[contenido no disponible]

y si cierro el div que me comentaba Yaneth me pasa esto otro

[contenido no disponible]

ESTOY QUE ME TIRO DE LOS PELOS :shock:

juanpe · 29 Oct 2008, 23:41 · Solicitar retirada

Alguna solucion?

Yaneth · 29 Oct 2008, 23:43 · Solicitar retirada

jejeje

paciencia o te quedaras calvo

de nuevo.... pon los codigos completos

saludos

juanpe · 30 Oct 2008, 00:28 · Solicitar retirada

mas calvo?nooooooooooooooooo,jajajaja

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="Estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</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í.</p>
<h2>Y este es el tercer párrafo.</h2>

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.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

* {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 }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px}
#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 {margin: 5px 10px 0px 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-naranja.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 ; padding-top:12px ; background-image: url(objetos/menu-parte-superior-naranja.gif)}
#pie {border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height:12px ; overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; 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 {}

Gracias nuevamente Yaneth

Yaneth · 30 Oct 2008, 00:46 · Solicitar retirada

mmmmm

intenta copiando este html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="ayuda.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</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í.</p>
<h2>Y este es el tercer párrafo.</h2>

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.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

saludos

juanpe · 30 Oct 2008, 01:23 · Solicitar retirada

mira como se ve ahora
[contenido no disponible]
[contenido no disponible]

Lo solucionaremos?

Yaneth · 30 Oct 2008, 01:32 · Solicitar retirada

soooooorrrryyyyyy

es porque en el limk rel que hace referencia aL css

dice ayuda.css

prque asi se llama mi doc

cambialo por el tuyo

sorrry dwe nuevo

juanpe · 30 Oct 2008, 01:49 · Solicitar retirada

Ahora si que si,todo en su sitio
¿sabes cual era el problema?

MIL MILLONES DE GRACIAS

Yaneth · 30 Oct 2008, 17:10 · Solicitar retirada

jejjeje,

lo unico que hice fuè ponerl el cierre del pie
como te lo habia indicado antes

saludos

juanpe · 30 Oct 2008, 23:39 · Solicitar retirada

vale, Infinitas gracias
Saludos

yesnik · 6 Nov 2008, 18:14 · Solicitar retirada

Hola,
Tengo un problemita, a ver si pueden prestar de su ayuda. Cuando coloco un enlace dentro de un párrafo, al verlo en la web está en OTRO párrafo.

Por ejemplo, quiero poner un enlace aquí y me aparece así:

quiero poner un
enlace aquí

Me expliqué?. Espero que sí. Les dejo el codigo porque no se como pegar la imagen. Gracias.

bla bla bla bla bla bla bla opinión de nuestros clientes</p>

Yaneth · 6 Nov 2008, 18:38 · Solicitar retirada

eso es por el display block del grupo de las "a"

quitaselo para que lo compruebes

saludos

yesnik · 6 Nov 2008, 18:53 · Solicitar retirada

Vaya!!, no se me habría ocurrido nunca. Muchas gracias. Una última consulta amiga (por ahora, jaja). Como hago para que el fondo que está detrás de mi plantilla cambie el color?...Me explico, la plantilla de CCTW es amarilla y lo de atrás es azul de varios tonos...yo quisiera cambiar en mi Web ese color de atras...se que se llama global, pero como tiene un widht de 800 px no se nota el cambio cuando le pongo otro color y si le cambio el widht se distorsionan todas las imágenes. Que me recomiendas?...Gracias por tu atención.

Yaneth · 6 Nov 2008, 19:31 · Solicitar retirada

intentalo desde el body