Barra a de navagación funciona parcialmente

Kane · 17 Mar 2009, 22:46 · Solicitar retirada

Buenas noches

La barra de navegación no funciona del todo en vista previa del HTML-Kit
pero nada de nada con Firexox o Internet Explorer. Además no se ve el logotipo.

Al pinchar sobre cualquier enlace se abre la página, pero siestoy en "Portada" y quiero ir a otra página me sale un mensaje diciendo "No se puede mostrar la página". ¿Cómo puedo arreglar este problema? Gracias.

Os pongo el código html de la parte de navegación

<div id="navegacion">
<ul>

Portada

Perfil

Alimentos

Recetas

Comido hoy

Peso

Medidas

Actividades

Diario

Calendario

Informes
</div>

.:2-D:. · 18 Mar 2009, 00:57 · Solicitar retirada

Hola
estem me gustaria saber si esto:

../medidas/medidas.html

lo pones como diciendo que ay algo, o es como lo utilizas en tu codigo?

me serviria mucho mas que me dejes todo los codigos, para poder ver bien lo del logo.

como tenes estructurado el tema de las carpetas?
todos los html dentro de una y las imagenes dentro de otra?
o creaste una carpeta para cada html?

bueno un saludo

Arian

Kane · 18 Mar 2009, 09:07 · Solicitar retirada

Hola

Tengo una carpeta para cada página y dentro de cada una hay una carpeta "objetos", que de momento están vacías y el código HTML completo.
El logo está en la carpeta "objetos" con los dibujos del menú, etc.
He subido todo esto al servidor. Si te has fijado el código flash funciona pero no la imagen logo1.jpg"
Una pregunta más: debajo del pie tengo el copyright ¿por qué el "CCTW" se pone en otra línea y no a continuación de "gracias a".

Aquí tienes todo el código "plantilla.HTML"

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>PÁGINA PRINCIPAL DE INMENU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…"
width="155"
height="27"
id="haxe"
align="middle">
<param name="movie" value="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"/>
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"
bgcolor="#ffffff"
width="155"
height="27"
name="haxe"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
[contenido no disponible]</div>
<div id="publicidad"></div>
</div>

<div id="navegacion">
<ul>

Portada

Perfil

Alimentos

Recetas

Comido hoy

Peso

Medidas

Actividades

Diario

Calendario

Informes
</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> BIENVENIDOS A INMENU</h1>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX </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>

<HR>
Página creada gracias a CCTW
© Copyright 2009 INMENU
By Kane

</body>
</html>

Yaneth · 18 Mar 2009, 16:28 · Solicitar retirada

para ayudarte
necesitamos la url de tu web

saludos

Kane · 18 Mar 2009, 16:50 · Solicitar retirada

Aquí puedes ver mi web:

inmenu.mywebcommunity.org

Gracias

Yaneth · 18 Mar 2009, 17:06 · Solicitar retirada

mira

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

<a href="index.html"><img src="objetos/logo1.jpg" width="155" height="142"

en rojo dices que la cabecera debe medir
85px de alto, pero en el html le metes una imagen que mide 155px de alto

ahi un fallo

corrigelo, subelo, y nos avisas para seguirlo viendo

saludos

Kane · 18 Mar 2009, 18:01 · Solicitar retirada

Hola Yaneth, he corregido la cabecera de 85 por 142, lo he subido pero no dio ningún resultado

nosabernada · 20 Mar 2009, 18:21 · Solicitar retirada

Hola,

mira si te vale este codigo:

en todas las sub paginas:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>PÁGINA PRINCIPAL DE INMENU</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…"
width="155"
height="27"
id="haxe"
align="middle">
<param name="movie" value="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"/>
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"
bgcolor="#ffffff"
width="155"
height="27"
name="haxe"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
[contenido no disponible]</div>
<div id="publicidad"></div>
</div>

<div id="navegacion">
<ul>

Portada

Perfil

Alimentos

Recetas

Comido hoy

Peso

Medidas

Actividades

Diario

Calendario

Informes
</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> BIENVENIDOS A INMENU</h1>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX </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>

<HR>
Página creada gracias a CCTW
© Copyright 2009 INMENU
By Kane

</body>
</html>

y en el index inicial:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>PÁGINA PRINCIPAL DE INMENU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…"
width="155"
height="27"
id="haxe"
align="middle">
<param name="movie" value="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"/>
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://static1.grsites.com/user/folders/Kane/r4222439/logo22278502.swf"
bgcolor="#ffffff"
width="155"
height="27"
name="haxe"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/>
</object>
[contenido no disponible]</div>
<div id="publicidad"></div>
</div>

<div id="navegacion">
<ul>

Portada

Perfil

Alimentos

Recetas

Comido hoy

Peso

Medidas

Actividades

Diario

Calendario

Informes
</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> BIENVENIDOS A INMENU</h1>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX </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>

<HR>
Página creada gracias a CCTW
© Copyright 2009 INMENU
By Kane

</body>
</html>

espero que te valga!!

Adios
-nsn-

Kane · 23 Mar 2009, 20:27 · Solicitar retirada

Gracias nosabernada
Sí que me valió en la vista previa pero no en la web.
Hice unos cambios como quitar el menú lateral y el borde superior y inferior y he subido todo al servidor (http://razyhosting.com/). El dirección de mi web es: inmenu.mywebcommunity.org

En vista previa de HTML-KIT todo va sobre ruedas, casi todo, pero tanto en Firefox y Internet Explorer es otro cantar.
A continuación os enumero mis problemas:
Vista previa y en la web
1- Pie de página: “Página creada gracias a CCTW” sale en dos líneas.
En la web
1- No sale y logo.
2- No funcionan los enlaces.

CODIGO HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>INMENU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Portada

Perfil

Alimentos

Recetas

Comidas

Peso

Medidas

Diario

Actividades

Calendario

</div>

<div id="contenido">
<h1>Bienvenidos a INMENU</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="copyright">

<HR>
Página creada gracias a CCTW

© Copyright 2009 INMENU para www.dietaatkins.com By Kane</p>

</body>
</html>
</div>
</body>
</html>

CÓDIGO ESTILO GENERAL
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {background-color: #F5F5F5 ; background-image: url(objetos/whitblurbackground.jpg)}
#global {width:100% ; margin:4px auto }
#cabecera {height:142px}
#logotipo {width:155px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: #F5F5F5; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 50px }
#contenido {background-color: #F5F5F5}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#copyright { background-color: #F5F5F5}
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 · 23 Mar 2009, 22:10 · Solicitar retirada

tus enlaces de navegacion no funcionan
bueno, solo el que va al index

<ul>

Portada

Perfil

Alimentos

Recetas

Comidas

Peso

Medidas

Diario

Actividades

Calendario

en rojo: cerraste dos li
en azul: dice que ese documento no existe, lo subiste???, con todo y carpeta???,
en verde: te faltò ponerle la extencion a alimentos, y lo mismo a todas las demàs

saludos

Kane · 23 Mar 2009, 22:57 · Solicitar retirada

Gracias Yaneth

¡Puedo ser tan...!
ahora mismo hago las correcciones.
En cuanto a la a "perfil" si que he subido toda la carpeta (la subiré de nuevo por si acaso no subió correctamente.

Yaneth · 23 Mar 2009, 23:10 · Solicitar retirada

cuando lo subas

me avisas, y me muestras una captura de pantalla
con la carpeta azul y las subcarpetas abiertas
para ayudarte a ver

saludos

Kane · 24 Mar 2009, 12:58 · Solicitar retirada

Hola Yaneth

Ya está corregido y subido, pero solo funciona la primera página (index.html) y aún así no se carga la imagen (no he subido la imagen del logo y del background a todas las carpetas ¿tenía que hacerlo?.

Aquí tienes la captura que me pediste:
[contenido no disponible]

Yaneth · 24 Mar 2009, 17:14 · Solicitar retirada

:D :D
encontrè el fallo
pero primero dejame pedirte un favor
cuando subas la imagen solo recortala (la captura) ,pero no la reduscas
que mis ojos batallan jejej

ahora

tu dices esto

perfil/perfil.html"]Perfil

busca dentro de una carpeta que se llama perfil, un documento que se llama perfil.html

peeeeero no hay ninguna carpeta con ese nombre
:roll: :roll: :roll:

solo veo una que se parece, peero se llama Perfil
con mayuscula

por lo tanto esa no debe ser, ya que no es exactamente igual

jejejejeje

saludos

Kane · 24 Mar 2009, 19:00 · Solicitar retirada

:D :D :D Funciona funciona funciona

GRACIAS

Ahora solo queda arreglar lo del logo que no sale, pero sí que sale el background y la posición del link en el pie de página (seguro que en los dos casos será otra tontería mía)

Yaneth · 24 Mar 2009, 19:13 · Solicitar retirada

el fallo es el misno la imagen no se llama como lo indicas

:wink:

Kane · 24 Mar 2009, 22:23 · Solicitar retirada

Gracias Yaneth, ya sale el logo.

Y la última pregunta (de momento): sabes porque la línea donde pongo "... gracias a CCTW" el enlace se pone en otra línea.

Yaneth · 24 Mar 2009, 23:37 · Solicitar retirada

por esto

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

en ves de block ponle inline

saludos

Kane · 24 Mar 2009, 23:59 · Solicitar retirada

Ya está corregido, gracias.

Otra pregunta si pongo un link hacia otra web pero dentro del cuerpo cómo debo escribirlo para que no se ponga en otra línea.

Yaneth · 25 Mar 2009, 00:18 · Solicitar retirada

se te pone en otra linea por la orden display bloc

poniendo el inline, ya no tendràs ese problema

Kane · 25 Mar 2009, 00:22 · Solicitar retirada

Por lo tanto, "inline" vale por toda la página y no solo por lo que hay en el pie de la página. ¿Es eso?

¡Qué haré sin ti! Seguro que nunca podría hace esta web.

Yaneth · 25 Mar 2009, 16:34 · Solicitar retirada

No
mira
este es el grupo de las "a"
y le dà las caracteristicas a toooooooodos tus enlaces
algunos de estos se heredan

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

ahora.... si tu quieres que determinados enlaces tengan caracteristicas diferentes pues debes declararlo
por ejemplo, para alguna div lo hariamos asi

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

y en el html

<div id="menu">enlace</div

o bien... si lo que deseo es crear un grupo de "a" para usarlo donde se me antoje, independientemente del div donde estè lo hariamos asi

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

y en el html asi

enlace

ahora... hablando de herencias jejeje
por ejemplo tu en el primer grupo de las "a"
declaras que al ponerl el cursor arriba se sombree de rojo
asi
a:hover {color:red ; text-decoration:underline ; background-color: silver}

y luego en el segundo grupo de "a"
quieres que al poner el cursor arriba NO ESTÈ SOMBREADO DE NINGUN COLOR y por lo tanto esa opcion no la declaras mas o menos asi

#menu a:hover {color:red ; text-decoration:underline ; }

sabes que pasarà..... que al poner el cursor te sombrearà de gris
porque... esa declàraciòn anterior se hereda...

otro ejemplo
en el primer grupo tienes esto

a {color: brown ; text-decoration:none ; display: block }
le estàs poniendo un display block, que quiere decir despliegue en bloques o bien cada enlace en una linea diferente

luego... te das cuenta que aunque tiene sus ventajas, no siempre quieres eso, y en el segundo grupo decides NO PONERLO
peeero, a menos que indiques lo contrario, te seguirà tomando el block
entonces lo que debes hacer en este caso, es ponerle la opcion contraria
es decir... la opcion inline que quiere decir en linea

eso te sirve muy bien para el div contenido, o para el div pie
peero, para la div menu lo necesitaràs
entonces.... como le hacemos??????
fàcil...

al grupo de las "a" general se lo quitamos
luego.... al grupo de las "a" de menu, se lo ponemos jejeje

me explico??????
espero no haberte enredado de mas jejeje

saludos

Kane · 25 Mar 2009, 17:22 · Solicitar retirada

Muchísimas gracias

Ahora, voy a ver si puedo insertar un menú despegable.
Mayucona me dio una idea y el link donde puedo ver el tutorial, pero si no es demasiado pedir ¿podrías mirar? este tema "¿cómo se hace este tipo de menú despegable?" y decirme si hay un tutorial para este tipo de menú.

Gracias

Yaneth · 25 Mar 2009, 17:34 · Solicitar retirada

y el enlace?????????

yo tengo un desplegable muy sencillo y cocke
solo dejame buscarlo

saludos

Kane · 25 Mar 2009, 18:11 · Solicitar retirada

Con el enlace te has explicado muy, muy bien. Si yo lo he entendido todos lo entenderán.

Ahora, estoy recopilando todas tus explicaciones en un doc para tenerlos siempre a mano :lol:

Gracias por molestarte en buscar el despegable. Aquí te espero.