Hola,enhorabuena por la web,habeis conseguido que llegue a la tercera lección de algo en mi vida sin dejarlo.El problema es que tanto en la plantilla como en el index se me ve todo correcto,pero al subirlo a la carpeta azul ya en la plantilla se ve todo mal,sin imágenes,sin color...,en canvio al abrirlo en internet se ve todo bien pero sin abrir ningún tipo de imágenes,todas son en gif.He repasado las rutas y todo "parece" estar correcto.Necesito ayuda¡,mi página es:beticasanfeta.sportsontheweb.net.En el index ocurre lo mismo que en la plantilla en internet,no abre las imágenes.Espero respuesta,y gracias.
No se ven las imagenes al subirlas a internet¡
Fijate si las imagenes estan en la carpeta azul. Si todavia no se ven mandanos tu codigo html para ver si hay algun error que tu hayas pasado por alto. :lol:
LAS IMÁGENES EN LA CARPETA OBJETOS AZUL SI QUE ESTÁN:*{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: justify }
h3 {font-size: 1.1em ; color:white ; 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: green ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {background-image:url(objetos/Real_Betis);width:280px ; float:left }
#publicidad {background color:green ; width:800px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: white ; 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: green ; width:800px ; height: 450px ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 5px }
#pie {background-color: white ; border: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu h1 {color:green ; text-decoration: none ; font-size:12px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;overflow:hidden ; width: 800px ; height:12px }
a {color: green ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
y el html:
<!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">[contenido no disponible]</div>
</div>
<div id="publicidad">Bienvenidos béticos del mundo</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</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 es la web del equipo de la Peña Bética de Sant Feliu</h1>
<h3>Aquí podreis ver resultados,clasificación,goleadores,crónicas de los partidos...etc</h3>
<h3>Y también podreis opinar en el foro sobre lo que querais</h3>
</div>
<div id="pie">VIVA ER BETI MANQUE PIERDA</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
LAS IMÁGENES DEL INDEX Y LA HOJA ESTILOS OCURRE LO MISMO,EN LA CARPETA NARANJA SE VE TODO BIEN HACIENDO PREVIEW,Y AL SUBIRLAS (QUE SUBEN POR QUE EN LA CARPETA OBJETOS AZUL ESTÁN LAS IMÁGENES)NO SE VEN.
GRACIAS DE ANTEMANO.
p {text-align: justify }
h1 {font-size: 1.2em ; color:white ; font-weight:bold ; text-decoration: underline ;text-align: justify }
h3 {font-size: 1.1em ; color:white ; 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: green ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {background-image:url(objetos/Real_Betis);width:280px ; float:left }
#publicidad {background color:green ; width:800px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: white ; 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: green ; width:800px ; height: 450px ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 5px }
#pie {background-color: white ; border: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu h1 {color:green ; text-decoration: none ; font-size:12px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;overflow:hidden ; width: 800px ; height:12px }
a {color: green ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
y el html:
<!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">[contenido no disponible]</div>
</div>
<div id="publicidad">Bienvenidos béticos del mundo</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
</div>
<h1>Esta es la web del equipo de la Peña Bética de Sant Feliu</h1>
<h3>Aquí podreis ver resultados,clasificación,goleadores,crónicas de los partidos...etc</h3>
<h3>Y también podreis opinar en el foro sobre lo que querais</h3>
</div>
<div id="pie">VIVA ER BETI MANQUE PIERDA</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
LAS IMÁGENES DEL INDEX Y LA HOJA ESTILOS OCURRE LO MISMO,EN LA CARPETA NARANJA SE VE TODO BIEN HACIENDO PREVIEW,Y AL SUBIRLAS (QUE SUBEN POR QUE EN LA CARPETA OBJETOS AZUL ESTÁN LAS IMÁGENES)NO SE VEN.
GRACIAS DE ANTEMANO.
Pues no consigo ver nada en esa dirección, seguro que es correcta así?
beticasanfeta.sportsontheweb.net ??
beticasanfeta.sportsontheweb.net ??
Por cierto, de una leida rápida de tu hoja de estilo veo cosas como esta:
Parece que al nombre del archivo le falta la extensión. La expensión son las tres letras que aparecen después del nombre del archivo y que ayuda al navegador a saber qué es, si una imagen, una canción, etc.
Debería poner algo como esto:
o .bmp, o .tif o como sea que se llame la extensión de tus imagenes.. verificalo!
Un saludo!
#logotipo {background-image:url(objetos/Real_Betis).......
Parece que al nombre del archivo le falta la extensión. La expensión son las tres letras que aparecen después del nombre del archivo y que ayuda al navegador a saber qué es, si una imagen, una canción, etc.
Debería poner algo como esto:
#logotipo {background-image:url(objetos/Real_Betis.gif)
o .bmp, o .tif o como sea que se llame la extensión de tus imagenes.. verificalo!
Un saludo!