Entrar

Logotipo

duejuako · · Solicitar retirada
Hola, se que soy muy pesado, pero es que últimamente, cada vez que paso los archivos al parallels se me tuercen las cosas.....
Ahora el logotipo, que con la vista previa del html-kit me aparece perfecto, igual que con el tutorial, subo los archivos al parallels (para que no hubiera errores es sustituido todos los archivos del parallels por los nuevos realizados con HTML-kit), y el logotipo me sale centrado.Justo encima del suspuesto espacio para publicidad.

Os dejo el estilo-general.css por si vierais algún error, yo no lo encuentro. Pero ya os digo, en vista previa del HTML-kit se ve perfecto, pero en la web nada de nada, lo mismo que me ocurre con la curva inferior.....
la url es www.profeciadecasandra.com/plantilla.html

Y el estilo-general.css es:

* {text-indent: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; height:85px;}
#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 }
#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: 12pxoverflow: 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 {}
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;}
systemof100 · · Solicitar retirada
Amigo hay se ven el logo y las curvas (de la web) pero veo que tienen dos espacios en blanco, verifica que en la plantilla.html o en la index.html (como la tengas llamada) no hayan etiquetas que no sirvan me refiero:

<div id="nombrecapa">
<p>Contenido de la capara/div</p>
</div>
</div>

Como ves hay dos </div> lo que provoca una linea sin nada al hacer clic en previuw, pues espero que ese sea el error, osino me avisas aver que mas se puede hacer, intente colocar el codigo de la plantilla.html o index.html.
duejuako · · Solicitar retirada
Hola, con internet explorer se ven bien. Con google chrome el logo sale en el centro y no deja espacio para la "publicidad"
He revisado lo que me decías de revisar la plantilla.html, creía que había algunos </div> que sobraban, pero al quitarlos se descabala la página, así que lo he dejado como estaba.
Además, si abres la misma url con ambos navegadores salen totalmente diferentes. Con Google Chrome aparece el diseño que empecé a hacer, mientras que con el Explorer aparece que el que copié del tutorial para encontrar el fallo. Parecen dos páginas diferentes.
La url es: www.profeciadecasandra.com/plantilla.html

Os dejo el código:

<!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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="href="index.html">
<img src="objetos/logotipo.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio">
</a>
</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><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>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>
<p>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>
<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">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>


</body>
</html>
systemof100 · · Solicitar retirada
mira tienes un error:

#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat: no-repeat ;width:800px ;height: 12pxoverflow: hidden;}

donde deberia ser:

#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat: no-repeat ;width:800px ;height: 12px ; overflow: hidden;}

Solo sustituyelo copiandolo y pegandolo, ahora si eso no funciona intenta esto:

1. ir a un ejemplo de cctw aqui te dejo uno: http://www.comocreartuweb.com/objetos/plantilla-18.htm
2. Clic derecho > Ver codigo fuente de la pagina
3. Lo que sale copiar y pegar sustituyendo lo que ya tenias
4. Por lo general te aparece sin estilos css por eso bus la linea que dice: <link rel="stylesheet" href="estilo-general-18.css" type="text/css" media="all">
y cambia href="estilo-general-18.css" por href="estilo-general.css"
5. Sin cerrar lo de Codigo fuente, has clic donde dice href="estilo-general-18.css" y te aparecen los estilos css, solo copialos y pegalos en tu archivo de css.

Ok con esto ya creo que lo tienes igualito sino me avisas para ver que mas asemos xd....
duejuako · · Solicitar retirada
Muchas gracias por tu respuesta, pero ésta era para otro tema que tenía abierto (el de las curvas), jeje. Aún así, he conseguido solucionar ambos.

Esto me está volviendo loco......si lo abro con el explorer aparece el logo que quiero poner (el mio), pero si lo abro con googl chrome se ve el logo del tutorial.....

Otra cosa que me he dado cuenta, no me redirige a la pantalla. Si lo pulso me dice que no se puede encontrar la página. He revisado otro mensaje que le ocurría lo mismo, he intentado aplicar la misma respuesta y no me funciona.
systemof100 · · Solicitar retirada
mira amigo dame los codigos y yo te la arreglo, despues te la vuelvo a pasar, asi te queda bien Vacana :D
Yaneth · · Solicitar retirada
hola

veamos.... te falta cerrar el ul en div menu

mira lo que tienes en contenido

<h1>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h1>

<p>xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx</h2>
abriste una etiqueta de parrafo y cerraste una etiqueta de h
debes tener cuidado con eso

en pie uno, dos, tres, cuatro, tambien te falta cerrar el ul

en pie cuatro, abriste ul, y cerraste un li, checa eso

en el css, el color none, no existe,

saludos

en piecinco, te falta abrirlo y cerrarlo (si hay li, hay ul)