Joomla, HTML y CSS
Hola
Tengo una duda, me resulta imposible modificar un theme de joomla. Quiero que una imagen tenga un link.
Esta imagen ahora esta insertada como background en css:
#splash {
width : 260px;
height : 92px;
position : absolute;
right : 30px;
background : #EAEAE2 url(../images/a10.gif) no-repeat;
Yo con lo poco que se de html/css cambio esto por insertarla en el html y borro el background del css:
<div id="splash"><a href="mi link"target="blank"><img src="imagen"></a> </div>
Resultado NO FUNCIONA!
Es muy garrafal el fallo? ( Soy novato...).
Al tener PHP puede que afecte al html?
Como lo puedo solucionar?
Muchas gracias y perdonar si la pregunta muy "chorra".
Saludos y gracias de antemano
joshuatree
Jejeje, eso es por leerte a medias :)
Lo que yo te estoy sugiriendo puede que no funcione también por un asunto de rutas a la imagen.
loalf
De nada lluis, un placer ayudar.
Una pena que no viva en barcelona para esa cervecita, :-(
Ya sabes, si te sale algún trabajo que requiera de un buen programador, ponte en contacto conmigo, ;-).
Usuario desconocido
Pues no me funciona joshuatree...la otra opción si me funciona correctamente.
De todas maneras muchas gracias.
joshuatree
Deberías hacer algo como esto, en mi opinión
(salvo que la CSSecta domestika te diga lo contrario):
#splash {
width : 260px;
height : 92px;
position : absolute;
right : 30px;
background : #EAEAE2 url(../images/a10.gif) no-repeat;
/*Agrega esto que viene: impide que se vea el texto del enlace*/
text-indent:-2000em;
}
Y declara este otro estilo
#splash a:focus,
#splash a:active {
outline-style:none;
/*esto evita el foco de línea punteada cuando haces click, que se vería fuera del borde de la pagina, por aquello del text-indent negativo*/
}
Y ahora, modifica el código así:
<div id="splash"><a href="mi link"target="blank">enlace</a> </div>
Usuario desconocido
Funciona a la PERFECCIÓN, vamos con su link y todo. Ya veo que el problema era en la ruta... espero ponerme las pilas y no tener el mismo problema en el servidor definitivo.
Muchisimas gracias loalf, no se como agradecerte la ayuda.
Eso si... FELICIDADES POR EL BUEN TRABAJO.
Eres un crak!!
Si estas en Barcelona y te planteas clases de programación..me avisas.jejeje
Merci
loalf
Una cosa más, que url le pones al navegador para ver la web, supongo que será algo como
http://localhost/totores/
loalf
Ok, prueba lo siguiente y dime si funciona
src="/totores(nombre carpeta donde esta todo el joomla)/templates/terrafirma/images/nombre-imagen.jpg"
Usuario desconocido
Si quieres te mando las capturas por mail.
La ruta total ( te lo apunto todo...ya puestos)
macintosh HD/Aplicaciones/MAMP/htdocs/totores(nombre carpeta donde esta todo el joomla)/templates/terrafirma(aquí esta el index.php)/images
Tio te debo una cervezas.
Muchas gracias.
loalf
Las imágenes que has enviado no se ven bien.
Creo que no terminas de tener claro como el atributo src. Haz una cosa, dime cual es la ruta completa a la imagen en tu ordenador, que será algo como
/home/usr/mamp/www/tudominio/images/mi-imagen.jpg
a ver si así vamos saliendo de dudas.
Usuario desconocido
Tranquilo, haces bien en preguntar. Como ya dije en el post inicial soy novato en la programación Html y autodicacta, por lo tanto en muchas ocasiones la cago en cosas muy sencillas para los programadores de verdad.
Si no lo tengo entendido mal, que el atributo src empiece con "/" significa que la ruta de la imagen esta en una carpeta diferente a la del html, pero los dos dentro de una misma carpeta. Si empieza con "../ " es que esta en una carpeta superior a la raíz del html.
Esta bien esto que digo?
He probado lo que me comentas en el post anterior y sigue sin funcionar. Muestro dos capturas de pantalla:
Vista del header en el navegador. Aquí
Vista del editor de texto. Aquí
Muchisimas gracias loalf por tu ayuda, es por gente como tu que estos foros valen la pena. Si te puedo ayudar en cualquier otra cosa no dudes en preguntar.
loalf
Prueba a cambiarlo por lo siguiente
<img src="/images/a10.gif" alt="mi imagen" />
¿sabes que diferencia hay entre que el atributo src empiece con "/" o no? Perdona si te subestimo, pero más vale preguntartelo antes que darle más vuelto a esto que una noria, :-)
Usuario desconocido
Hola Loalf,
Muchas gracias por responder. Te mando link con una captura de pantalla donde se puede ver el problema: Aquí
1.-Creo que si pongo bien la ruta.
2.- El tamaño es de 260x92
3.-Lo pruebo en firefox y safari desde MAMP en local de mi Macbook.
Muchisimas gracias de antemano.
loalf
¿Te has asegurado que el atributo src del img resuelve bien la ruta de la imagen?
¿Qué dimensiones tiene la imagen?
¿Lo estás probando en IE, Mozilla, Safari, ...?