Bien esta terminada, funciona perfectamente y tal, pero a la hora de subirla a nuestro foro (lo teníamos en el de pruebas) me doy cuenta dándole a la vista previa que la imagen de fondo de la barra que le hemos puesto en el footer no se ve. Aquí os pongo una imagen para que sepáis a que me refiero:
Como podéis comprobar se ve el fondo, y ahí debería ir una imagen que ya tenemos subida en su respectiva carpeta por ftp.
He mirado y remirado donde podría estar el posible fallo y no lo encuentro, así que espero que algún experto en el tema pueda ayudarme.
Aquí os pongo los códigos de la barra del footer.
Este el código que tengo puesto en el overall_footer.html, al final del archivo:
Código: Seleccionar todo
<div id="contain-footer">
<div id="navmenu_footer">
<ul>
<li><a href="http://www.thedarkhole.com/"accesskey="1"title="Atrevete.">Indice</a></li>
<li><a href="http://thedarkholeblog.blogspot.com/" accesskey="2" title="Enterate de las novedades">Blog</a></li>
<li><a href="http://www.thedarkhole.com/viewtopic.php?f=35&t=1029&p=91089#p91089" accesskey="3" title="Staff TDH">contacto</a></li>
<li><a href="http://www.maxima.fm/multimedia/radios.html" accesskey="4" title="La mejor musica">maximafm</a></li>
<li id="last1"><a href="http://www.los40.com/player/Radio/40Principales/" accesskey="5" title="Musica">Los 40</a></li>
</ul></div>
<div id="logotdh">
<a href= http://www.thedarkhole.com onMouseOver= "if (document.images) document.logotdh.src= '{T_THEME_PATH}/images/logotdh2.png';" onMouseOut= "if (document.images) document.logotdh.src= '{T_THEME_PATH}/images/logotdh.png';"><img src="{T_THEME_PATH}/images/logotdh.png" name=logotdh border=0 align=right ></a></div>
</div>
</body>
</html>Código: Seleccionar todo
#contain-footer {
min-width: 950px;
margin: 0;
width: 100%;
height: 100px;
background: #FFFFFF url("{T_THEME_PATH}/images/footer.gif") repeat-x bottom;
}
/* Menu footer */
#navmenu_footer {
float: left;
}
#navmenu_footer ul {
height: 35px;
margin-top: 20px;
padding: 10px 0 0 5px;
list-style: none;
}
#navmenu_footer li {
display: inline;
}
#navmenu_footer a {
display: block;
float: left;
width: 120px;
height: 40px;
padding-top: 10px;
text-align: center;
text-decoration: none;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 2em;
color: #fff;
border-left: 1px solid #C03EA7;
}
#navmenu_footer a:hover {
color: #FD94E9;
border-left: 1px solid #FD94E9;
}
#last1 a {
display: block;
float: left;
width: 120px;
height: 40px;
padding-top: 10px;
text-align: center;
text-decoration: none;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 2em;
color: #fff;
border-right: 1px solid #C03EA7;
}
#logotdh {
float: right;
padding-top: 10px;
width: 200px;
height: 75px;
}
P.D: Cualquier fallo aparte de ese que veáis podéis decírmelo... porque yo las modificaciones las he estado poniendo a base de experimentar y por intuición, así que seguramente no este todo correcto como debería y aunque lo único que falle sea el fondo siempre es bueno tenerlo todo bien
pero bueno, lo importante es que se ve y va perfecto.
