Hola!. Gracias por este foro y por el "Curso paso a paso".
He seguido las instrucciones del curso y he conseguido hacer una página web funcional y en la que se nota que las bases son del curso (pongo la dirección por si alguien tiene curiosidad:
http://www.telefonica.net/web2/gumer/). Las páginas posteriores se ven perfectamente ( lo he hecho con Web Album Generator, y estoy encantado) pero la página de presentación la quiero mejorar en estética poniendo una foto de fondo que llene toda la página y no lo consigo. En la página consigo poner ficheros "jpg" que ocupan una pequeña parte de la pantalla, como "Galería de Fotos" arriba ala izquierda, o arriba a la derecha la de mi nombre y apellido.
He leído en los foros, he hecho mil pruebas, llevo dedicadas muchas horas al asunto, he cambiado las imágenes, he corregido los nombres de los archivos, las rutas,etc. Lo veo bien en carpeta local, pero no en la web.
He leído en muchos comentarios que no hay problema con la extensión "jpg". Las páginas de Razi, donde yo lo tengo, admite ficheros de hasta 500 kb, los que yo tengo son de menos de 500 (por descatar motivos).
Estoy haciendo pruebas con una página de entrada muy sencilla, que es un fichero jpg y no consigo que se vea.
este es el contenido del fichero html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>¿Saldrás?</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>dfd
</body>
</html>
-----------------------------------------------------------------------
y este el de estilos* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:white ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:yelow ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.8em; color:yelow ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {background-color: #E6E6FA ; background-image: url(pagina2.jpg) ; background-repeat: no-repeat ; background-position: left top}
#global {width:1200px ; margin:4px auto }
#navegacion {background-color: none ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 160px 57px 0px 20px }
#navegacion ul { margin-left: 310px }
#contenido {background-color: none ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: green ; 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 {border-left: none 1px solid ; border-right: none 1px solid ;
border-top: none 500px none; height: 650px }
#pie li {list-style: none ; font-size: 12px}
#pieuno {position: left bottom ; width:150px }
#piedos {position: center bottom ; width:498px ; background-color: silver}
#pietres {position: right bottom; width:150px }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:blue ; 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 {}
----------------------------------------------------------------
el de estilos tiene mucho contenido que no viene al caso, pero no creo que influya.
Y esto el Html-Kit
[contenido no disponible]Si se pincha en la imagen se abre una página donde se puede ver sin dificultad.
¿A alguién más le ha pasado esto?. ¿Alguien puede ayudarme?.
Muchas gracias de antemano.
