Problema pie pagina web hecha por vuestro curso

yolidelanati · 1 Dic 2011, 17:03 · Solicitar retirada

He realizado el curso de hacer pagina web y me he realizado una que aún tengo que finalizar, pero tengo problema con ella.
Resulta que el pie de página, tal como lo he puesto, según lo que entiendo por el curso, en la plantilla lo veo bien pero al subirlo y abrirlo con internet explore se me ve mal. No se ven los margenes de izquierda y derecha. Pero en la plantilla lo veo bien.

Otra cosa, no se como hacer para que desde google al poner mi pagina web entera www.----.es aparezca, porque lo hago y no sale nada. Me he leído lo del posicionamiento pero no se si es esto, porque no encuentro nada que pueda hacer, o no lo entiendo como debiera.

Y por último, como hacer que en mi web pueda meter catálogos o tarifas, etc. en pdf o jpg, para que mis clientes desde la web se lo puedan descargar o ver. Pues he mirado en CCTW y no veo ningún sitio donde me expliquen esto.

Puedes verlo como http://esturegalo.es

Te paso index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.esturegalo.es">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Es tu regalo</title>
<meta content="Esto verde es la descripción de mi web.
En esta web podrás comprar todo tipo de regalos, invitaciones boda, sellos, calendarios, y hacerte tu albun digital." name="description">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a 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"><img src="objetos/hofmann.gif" width="250" height="80"><img src="objetos/publicidad.gif" width="250" height="80"></div>
</div>
<div id="navegacion">
<ul>
<li><a href="index.html">Inicio</a></li><li><a href="regalos/regalos.html">Regalos</a></li><li><a href="albumhofmann/albumhofmann.html">Álbum Hofmann</a></li><li><a href="reveladofotografico/reveladofotografico.html">Revelado fotografico</a></li><li><a href="calendarios/calendarios.html">Calendarios</a></li><li><a href="invitacionesboda/invitacionesboda.html">Invitaciones boda</a></li><li><a href="sellos/sellos.html">Sellos</a></li>
</ul>
</div>

<div id="contenido">


<h1>ES TU REGALO</h1>
<p></p>
<p></p>
<p>Álbum Digital. Distribuidor oficial de Hofmann. Código activación nº 750763. Descarga el programa gratuito, instalatelo, mete el código de activación y listo para hacer tu álbum con las mejores fotos.</p>
<p>Puedes revelar todas tus fotos digitales y elegir si brillo, mate o mil puntos. Todos los tamaños.</p>
<p>Regala a tus clientes el calendario con la publicidad de tu empresa, así te verán todos los días. Tenemos calendarios de todos los tamaños, y amplio surtido en imagenes, sobre todo del calendario de bolsillo, elige la que más te guste o vaya mejor con tu empresa. Imagenes de paisajes, Santos, Equipos de Fufbol, etc...</p>
<p>Somos especialistas en la producción de regalos personalizados con fotos. Ideales como regalos de cumpleaños, bodas, bautizos ... o simplemente para sorprender a tus amigos.</p>
<p>Si tienes tu empresa y tienes que hacer regalos promocionales tambien tenemos un amplio catálogo, donde podrás encontrar entre otros artículos, pendrive, agendas, paraguas, carpetas, boligrafos y mucho más. Todo para congresos, cursos, regalos de navidad, y en general, lo necesario para darte publicidad.</p>
<p>Si vas a casarte, también puedes encontrar tu invitación de boda, tus figuritas de los novios novedosas y originales para la tarta, e incluso los regalos para los asistentes.</p>
<p>Elige entre los diferentes regalos que tenemos disponibles y seguro que encontrarás alguno que sea de tu gusto.</p>
</div>

<div id="pie">
<div id="pieuno">
<ul><li><a href="#">Contacto</a></li></ul>
</div>
<div id="piedos"><h1>[correo eliminado]</h1></div>
<div id="pietres">
<ul><li><a href="#">Mapa</a></li></ul>
</div>
</div>

<div id="curva-inferior"></div>
</div>

</body>
</html>

Y el estilo-general.css
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
h1 {font-size:1.5em; color:black; font-weight:bold; text-decoration:none; text-align:center;}
h2 {font.size:1.1em; color:#CD2626; font-weight:bold; text-decoration:none; text-align:center;}
h3 {font-size:1.2em; color:black; font-weight:bold; text-decoration:underline; 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:250px; float:left; margin-top:1px; border-left:white 10px solid;}
#publicidad {width:518px; float:right; margin-top:1px;}
#navegacion {background-color:red;border: black 1px solid;height:30px;}
#navegacion li {float:left;list-style:none;margin: 4px 17px 0px 17px;}
#navegacion ul {margin-left: 15px;}
#contenido {background-color:#FFF5EE; width:798px; float:left; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {background-color: white; width: 155px; float:left; text-align:left; margin: 6px 10px 6px 10px; padding-bottom:5px;}
#menu li {list-style:none; margin:4px 8px 4px 6px;}
#menu h3 {text-decoration:none ; font-size:20px ; padding-top:5px;}
#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}
#pie a {color: black; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:silver ; 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:black; font-size:1.0em; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {background-color: grey;}
a:active {}

JorGens · 1 Dic 2011, 17:37 · Solicitar retirada

Creo que el problema es que el texto "[correo eliminado]" es demasiado grandote y deforma la capa del pie. Tienes tres opciones para arreglarlo. A- Hacer una capa pie más alta (cambiando la altura en la hoja de estilos) pero cambiando la imagen de fondo para amoldarla al nuevo tamaño. B- Poner ese mismo texto con un tamaño de letra menor. C- Poner ese texto en otro lugar, por ejemplo, al final de la capa del contenido principal, es decir, justo encima de donde está ahora.

Para colgar pdf´s etc, basta con subir el archivo a tu servidor y luego simplemente colocar un enlace desde tu web pero, en lugar de poner una url al enlace dirigiendote a una página html, poniendo el nombre de ese archivo. Con eso les invitas a que se lo descarguen.

Aparecer en Google es solo cuestión de tiempo y de tener enlaces en páginas de cierta fama apuntando hacia la tuya. El foro de CCTW por ejemplo, tiene ya cierta fama y tú has escrito la url en el mensaje anterior, por lo que ahora si que queda poco para que Google te conozca y muestre tu web. En un par de semanas como mucho estarás en Google, aunque podria ser en un par de minutos, Depende de cuánto guste CCTW a Google.

Un abrazo!!!

yolidelanati · 1 Dic 2011, 23:26 · Solicitar retirada

Sobre el pie de pagina: Esto me pasaba ya antes de poner esta letra tan grandecita, pero de todos modos la he cambiado y la he puesto pequeña. Pero sigue igual y he probado a poner más y menos px en el estilo-general, pero nada y ya no se que hacer. Si le pudierais hechar un vistazo al estilo-general y decirme donde me estoy equivocando o que me falta os lo agradecería.

Ya he conseguido que aparezca en google solicitandoselo a google.

Con respecto al colgar pdf, no entiendo que tengo que hacer, soy muy novata en esto de las páginas web. Entonces no se que significa subirlo a mi servidor, y no se donde poner la url ni nada. Sabes si hay algún tutorial para ver como se hace.

Gracias de todos modos.

yolidelanati · 2 Dic 2011, 16:58 · Solicitar retirada

Sigo teniendo el problema del pie de pagina, alguien puede decirme que debo de hacer, porque sigue saliendo mal aunque le he cambiado el tipo de letra.