hola! antes de nada, felicitaros por la página! mi problema es, que voy por la lección sexta, en la sección en donde usamos edit pad lite para cambiar los códigos de todas las páginas del ejemplo, mi problema es, que no se me ve la imagen del logotipo ni en la web, ni en html-kit, solo se ve un recuadro con una X, he mirado los códigos y yo lo veo bien, pero os lo pongo aquí a ver si vosotros veis el fallo y me echáis una manita... a ver este es el código html:
y este es el estilo css general:
gracias de antemano, y perdonad por el graaaaan espacio que ocupa mi post :roll: saludos!
<!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>Conciertos</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">[url="../index.html"][img]objetos/logotipo.gif[/img][/url]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>[*][url="../index.html"]Portada[/url][*][url="../historia/historia.html"]Historia[/url]
[*][url="../discografia/discografia.html"]Discografía[/url][*]<a href="../conciertos/
conciertos.html">Conciertos</a>[*][url="../descargas/descargas.html"]Descargas[/url][*]
[url="../foro/foro.html"]Foro[/url][*][url="../souvenirs/souvenirs.html"]Souvenirs[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<h1>proximos conciertos</h1>
<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*]
[url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list]
</div>
<h1>aqui veras sus proximos conciertos</h1>
XXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX XXXXXXXXXXXXXX XXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXX XXXXXXXXXXX XXXXX XXXXXXXXX XXXXXXXXXXXXXX XXXXXXXXX X XXX X X XX XXXXXX X XX X XXX X XX X X XX XX X X XX X XX XX X X X X XX X X X XXXXXX XX X X XXXXXXXXX X XX XXXXXXX </P>
</div>
<div id="pie">
<div id="pieuno">
<ul>
[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
[/list]
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
[/list]
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>y este es el estilo css general:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {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-curva-superior.gif) }
#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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: 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 {}
#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 {}gracias de antemano, y perdonad por el graaaaan espacio que ocupa mi post :roll: saludos!