Ciao a tutti.
Ho questo quesito: come posso creare un link che venga visualizzato come un'immagine senza però ricorrere al tag <IMG> ?
Usando il tag <IMG> non riuscirei a mettere l'immagine nel CSS e quindi non riuscirei a creare il mio sito con una gestione di template come invece vorrei... spero di essermi spiegato.
Ciao!
puoi magari mettere un link che apre un'altra finestra e nell'altra finestra piazzi l'immagine come background (ipotesi eh)
@ goikiu: Purtoppo non posso: sto cercando di creare una tabella dove ci siano alcune celle cliccabili... solo che, se non metto anche del testo (ed io non voglio mettercene, infatti uso  ) il link non funziona.
@ moonba: non voglio usare il tag <IMG> perchè questo mi preclude lo sviluppo di un sistema di template in quanto mi porta il nome dell'immagine all'interno del file html. Io voglio che i riferimenti grafici stiano solo nel css, così semplicemente cambiando il riferimento al css ottengo diversi template.
Ciao!
invece puoi, con javascript, onmouseover (impostabile da css) metti la manina del link, con onclick imposti l'azione da javascript.
Perdonami Goikiu ma io ancora non conosco javascript e non ho capito la tua risposta, potresti postarmi il codice anche a grandi linee ? Poi con qualche ricerca su internet penso di cavarmela.
Tieni presente però che sviluppo con PHP ed uso lo Zend framework... i link sono generati da classi che devo richiamare, come faccio ad inserirle nel codice javascript ?
Ciao.
allora, in teoria la prima modifica stà nel foglio di stile
dici che su taluni elementi esempio #id :hover {pointer}, il codice è simile a questo, serve a cambiare il tipo di puntatore,
poi diciamo che decidi un tipo di elemento (<div>), imposti <div onclick="apripopup(<?php print $link0011 ?>)">
sempre come esempio
prova così..
codice:<html> <head> <title>Esempio di utilizzo delle QueryString con Javascript</title> <style type="text/css"> .img{ background-image: url(img/css.png); background-position:top center; background-repeat:no-repeat; height:32px; width:32px; } .noelenco{ list-style-type:none; } </style> </head> <body> <ul class="noelenco"> <li > [/list] </body> </html>
Ho provato... ma è come se non sentisse le dimensioni che imposto!
Se metto un testo nel link la dimensione è data dal testo stesso, se non metto nessun testo il link non compare nemmeno!
Ho trovato: bastava mettere display:block sui link...
Userò la soluzione che mi ha suggerito moonba: è la più semplice, per javascript aspetterò di avere tempo di guardarlo con calma.
Grazie a tutti per l'aiuto!
Permessi di invio
Rispondi quotando