Definire dimensioni a un link

[Tony512]

è possibile definire le dimensioni di un link (height: X px; width: X px) ?

perchè con IE funziona, ma con Firefox no

a me serve xkè voglio applicare un'immagine di sfondo, di una certa dimensione a un link, come posso fare per farlo andare anche con firefox( e altri borwser non IE )?


io ho trovato una pseudo-soluzione, ho inserito dentro un div il tag <a> e ho settato a quello le dimensioni, ma non c'è un modo + semplice?
perchè così non posso + sfruttare il :hover per fare il rollover

[panta1978]

Originariamente inviato da Tony512
è possibile definire le dimensioni di un link (height: X px; width: X px) ?

perchè con IE funziona, ma con Firefox no

a me serve xkè voglio applicare un'immagine di sfondo, di una certa dimensione a un link, come posso fare per farlo andare anche con firefox( e altri borwser non IE )?


io ho trovato una pseudo-soluzione, ho inserito dentro un div il tag <a> e ho settato a quello le dimensioni, ma non c'è un modo + semplice?
perchè così non posso + sfruttare il :hover per fare il rollover

Non sono sicuro di aver capito bene... io farei così:

<a href="http://www.link.it">
[img]immagine.jpg[/img]
</a>

[Tony512]

si, ma in questo caso tu hai inserito l'immagine con il tag apposito e non come background.

e non la posso cambiare con 'a:hover' ( dovrei usare javascript )

[Tony512]

Cool!
cercando su internet ho trovato questo tutorial (e non è un sito di pivelli).

con IE funziona perfettamente, ma con Firefox non va


(incomincio a odiarlo! )

[ashtur1]

prova a spulciare qui

http://css.maxdesign.com.au/listamatic/

[fcaldera]

un link è un elemento inline, il che significa che non può prendere automaticamente delle dimensioni né margini o padding. Per poter dimensionare un generico elemento inline basta dichiarare la proprietà display: block

Ciao

[Tony512]

grazie 1000!!

ma è normale che mi mandi a capo il link?

[fcaldera]

se usi display: block rendi a tutti gli effetti un elemento blocco (come un div per intenderci) quindi è normale che l'elemento seguente vada a capo.

Se il tuo problema (che forse è meglio se ci spieghi, altrimenti tiro ad indovinare) è che hai una lista di link affiancati, allora utilizza una lista (ad es.: <ul>[*]<a href...>[*][/list]) e anziche usare display: block sui link usa opportunamente il float sugli elementi[*]

[Tony512]

Definizione da w3schools.com

The element will be displayed as a block-level element, with a line break before and after the element

grazie 1000!