Hola buenas, a ver si me podeis ayudar, hace poco que he empezado en esto del html,php,etc... y me ha salido un problema con la pagina web que estoy haciendo, la web ya esta acabada y en localhost la pagina se me ve bien, como yo queria, pero el problema viene cuando la he subido a mi servidor gratuito y entonces en la mayoria de paginas no se me ven las imagenes... mirar:
Asi es como se ven ya subidas
http://img341.imageshack.us/i/webah.jpg/
[URL="http://img202.imageshack.us/i/web3u.jpg/"][noparse]http://img202.imageshack.us/i/web3u.jpg/"]httprse][/URL]
Asi es como se ven en localhost y como se deberian ver
[URL="http://img59.imageshack.us/i/web2tw.jpg"][noparse]http://img59.imageshack.us/i/web2tw.jpg/"]httprse][/URL]
[URL="http://img683.imageshack.us/i/web4l.jpg"][noparse]http://img683.imageshack.us/i/web4l.jpg/"]httpse][/URL]
Este es el trozo de código de lo que no se ve
[CODE]
<div id="csoon">
<div class="heading2"><a href="partidos.html">Próximo pratido</a> </div>
<p><img src="images/partido.jpg" alt="ScreenShot" width="99" height="65" /></p>
<p><a href="partidos.hmtl">FINAL DE TEMPORADA</a></p>
</div>
<a href="imagenes.html"><div id="imagenes">
</div></a>
<a href="videos.html"><div id="videos">
</div></a>
<a href="enlaces.html"><div id="enlaces">
</div></a>
#csoon {
background: url(images/c-soon-bg.jpg) no-repeat;
color: #B7B7B7;
float: left;
display: block;
height: 157px;
margin-left: 15px;
margin-top: 60px;
padding-left: 35px;
padding-top: 15px;
width: 134px;
}
#imagenes {
background: url(images/galeria.jpg) no-repeat;
color: #B7B7B7;
float: left;
display: block;
height: 157px;
margin-left: 40px;
margin-top: 60px;
padding-left: 35px;
padding-top: 15px;
width: 134px;
}
#videos {
background: url(images/videos.jpg) no-repeat;
color: #B7B7B7;
float: left;
display: block;
height: 157px;
margin-left: 40px;
margin-top: 60px;
padding-left: 35px;
padding-top: 15px;
width: 134px;
}
#enlaces {
background: url(images/enlaces.jpg) no-repeat;
color: #B7B7B7;
float: left;
display: block;
height: 157px;
margin-left: 40px;
margin-top: 60px;
padding-left: 35px;
padding-top: 15px;
width: 134px;
}
[/CODE]
y de la otra pagina
[CODE]
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto112.jpg" border="0" alt="" width="138" height="105"/></a><br />
<span>Plantilla 2010</span><br />
<input name="foto1" type="hidden" value="1" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form>
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto2.jpg" border="0" alt="" width="138" height="105"/></a><br /><span>Partido</span><br />
<input name="foto2" type="hidden" value="2" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form>
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto3.jpg" border="0" alt="" width="138" height="105"/></a><br /><span>Partido</span><br />
<input name="foto3" type="hidden" value="3" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form><br />
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto4.jpg" border="0" alt="" width="138" height="105"/></a><br /><span>Partido</span><br />
<input name="foto4" type="hidden" value="4" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form>
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto5.jpg" border="0" alt="" width="138" height="105"/></a><br /><span>Partido</span><br />
<input name="foto5" type="hidden" value="5" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form>
<form action="ampliar.php" method="get"><div class="contenedorfoto"><a href="#"><img src="images/galeria/foto6.jpg" border="0" alt="" width="138" height="105"/></a><br /><span>Partido</span><br />
<input name="foto6" type="hidden" value="6" />
<input name="ampliar" type="submit" value="Ampliar" class="fotogal"/></div> </form>
<p><br />
.contenedorfoto {
float:left;
width:150px;
height:140px;
margin: 10px;
padding:5px;
background-color:#050306;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
}
[/CODE]
Bueno no se si me he explicado bien, pero bueno si no lo intentare explicar mejor
bueno gracias anticipadas, espero vuestras respuestas