Buenas tardes a todos, soy nueva en este foro y estoy rozando la desesperación.
He creado varias webs y en principio nunca he tenido un problema (y los que he tenido eran sobre IE, pero he sabido solucionarlos), ahora resulta que tengo un problema con los enlaces y otros navegadores...
a href sobre una imagen.
Cuento:
Tengo varias webs creadas que uso como plantillas, hago copia, pega y modifico las imágenes, textos y alguna que otra alineación.
Bien, he hecho como siempre, he copiado el código html y css en la web, y he modificado hasta dar con el diseño que me gusta.
En esta nueva web el 90% son imágenes, (sé que no es lo mejor), pero es lo que ofrecemos...
Al poner a href sobre un texto, puedo sin problemas enlazarlo a la otra página. Pero al ponerlo en una imagen, ni siquiera en firefox se cambia el ratón de forma.. es como si sencillamente no existierá un vínculo.
Dado que para esta web no necesito textos, ni diseños para los vínculos he ido a css y he quitado cualquier relacion a:
Me funciona los enlaces en IE y eso es todo :S
La página no es que tenga muchas imágenes, de hecho tiene 8 imágenes, es una página de visualización pequeña y básica, y hacía donde enlaza aparece el texto. (Desgraciadamente no puedo mostrarla, pero os pongo el código)
html:
<body>
.-Aquí hay un menu fijo, que es el mismo que uso en todas mis webs, con un par de variaciones, donde se enseña el log y poco más-.
<div id="wrapperm"> <div id="containerm"><div id="headerm">
<img src="fashion.png" width="567" height="97" alt="fashion style" /> <br><br>
<img src="sport.png" width="567" height="97" alt="sports team" /> <br><br>
<img src="artist.png" width="567" height="97" alt="artist" /> <br><br>
<img src="professional.png" width="567" height="107" alt="business" /> <br><br>
<img src="brand.png" width="567" height="97" alt="luxe brand" /> <br><br>
<a href="dreamsrealizing.html"><img src="ong.png" width="567" height="97" alt="ong realizing dreams" border="0" /></a> <- Me está matando!!
<br><br><br><br><br><br><br>
<span style="font-size:18px; color: #2E2E2E; "> Copyright 2013 Todos los derechos reservados. </span><p style="font-size:12px; color:#2E2E2E;"> No se permite la distribución para/y/o uso comercial de ninguna imagen, diseño, eslogan, texto y/o música.<br> Para usos no comerciales, contactar con administración a través de "Contacto".</p> <- Al poner aquí href si me funciona...
</div></div></div></body>
css utilizados:
#wrapperm { width: 100%; height:auto; text-align:center; margin-top: 2px; }
#wrapperm:after { width:100%; height:150px; display:block; clear:both; }
#containerm { width: 800px; margin-left: auto; margin-right:auto; }
#headerm { width: 100%; background-color:#e8e3c3; margin-top:20px; margin-left: 150px; margin-right:auto; }
Como se puede comprobar la página principal es muy simple, de hecho es la página "index" más sencilla que he hecho en mi vida (sin contar la de videos de presentación, blabla...). Y ahora que tengo todo el resto de la web (semiacabada).... me siento desesperada.
No uso "javascript", de hecho está muy limpia en ese sentido. Las imágenes de png no pesan en exceso.
Me faltan dos tonterías para adaptarla a tablet pero eso es todo...
Espero de verdad que alguien me pueda ayudar, porque cuando empiece a poner javascripts no quiero pensar lo que me va a pasar [:(]
Muchas gracias por leerme (me ayudáis a la sombra muchas veces ^_^ )
He creado varias webs y en principio nunca he tenido un problema (y los que he tenido eran sobre IE, pero he sabido solucionarlos), ahora resulta que tengo un problema con los enlaces y otros navegadores...
a href sobre una imagen.
Cuento:
Tengo varias webs creadas que uso como plantillas, hago copia, pega y modifico las imágenes, textos y alguna que otra alineación.
Bien, he hecho como siempre, he copiado el código html y css en la web, y he modificado hasta dar con el diseño que me gusta.
En esta nueva web el 90% son imágenes, (sé que no es lo mejor), pero es lo que ofrecemos...
Al poner a href sobre un texto, puedo sin problemas enlazarlo a la otra página. Pero al ponerlo en una imagen, ni siquiera en firefox se cambia el ratón de forma.. es como si sencillamente no existierá un vínculo.
Dado que para esta web no necesito textos, ni diseños para los vínculos he ido a css y he quitado cualquier relacion a:
Me funciona los enlaces en IE y eso es todo :S
La página no es que tenga muchas imágenes, de hecho tiene 8 imágenes, es una página de visualización pequeña y básica, y hacía donde enlaza aparece el texto. (Desgraciadamente no puedo mostrarla, pero os pongo el código)
html:
<body>
.-Aquí hay un menu fijo, que es el mismo que uso en todas mis webs, con un par de variaciones, donde se enseña el log y poco más-.
<div id="wrapperm"> <div id="containerm"><div id="headerm">
<img src="fashion.png" width="567" height="97" alt="fashion style" /> <br><br>
<img src="sport.png" width="567" height="97" alt="sports team" /> <br><br>
<img src="artist.png" width="567" height="97" alt="artist" /> <br><br>
<img src="professional.png" width="567" height="107" alt="business" /> <br><br>
<img src="brand.png" width="567" height="97" alt="luxe brand" /> <br><br>
<a href="dreamsrealizing.html"><img src="ong.png" width="567" height="97" alt="ong realizing dreams" border="0" /></a> <- Me está matando!!
<br><br><br><br><br><br><br>
<span style="font-size:18px; color: #2E2E2E; "> Copyright 2013 Todos los derechos reservados. </span><p style="font-size:12px; color:#2E2E2E;"> No se permite la distribución para/y/o uso comercial de ninguna imagen, diseño, eslogan, texto y/o música.<br> Para usos no comerciales, contactar con administración a través de "Contacto".</p> <- Al poner aquí href si me funciona...
</div></div></div></body>
css utilizados:
#wrapperm { width: 100%; height:auto; text-align:center; margin-top: 2px; }
#wrapperm:after { width:100%; height:150px; display:block; clear:both; }
#containerm { width: 800px; margin-left: auto; margin-right:auto; }
#headerm { width: 100%; background-color:#e8e3c3; margin-top:20px; margin-left: 150px; margin-right:auto; }
Como se puede comprobar la página principal es muy simple, de hecho es la página "index" más sencilla que he hecho en mi vida (sin contar la de videos de presentación, blabla...). Y ahora que tengo todo el resto de la web (semiacabada).... me siento desesperada.
No uso "javascript", de hecho está muy limpia en ese sentido. Las imágenes de png no pesan en exceso.
Me faltan dos tonterías para adaptarla a tablet pero eso es todo...
Espero de verdad que alguien me pueda ayudar, porque cuando empiece a poner javascripts no quiero pensar lo que me va a pasar [:(]
Muchas gracias por leerme (me ayudáis a la sombra muchas veces ^_^ )