Visualizzazione dei risultati da 1 a 10 su 18

Hybrid View

  1. #1
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Io uso Chrome e in pratica se setto nel link un border, ma l'immagine è ad esempio alta 100px, il border risulta essere alto circa 20px, in pratica display:inline. Non posso settare il display:block perchè mi sconvolgerebbe tutto il layout; cos'altro posso fare?

    Grazie!

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Purtroppo non puoi ottenere il risultato voluto se non trattando il link come un elemento blocco, finché è un elemento in linea avrai il problema che lamenti, cioè che la sua altezza sarà in rapporto alle dimensioni del carattere e non a quella di un altro elemento inline contenuto
    Trasformandolo, ti sarà possibile usare sfondi, bordi, margini e padding liberamente e con una resa eguale fra i diversi browser:

    nell'esempio ho abbondato con bordi e sfondi
    codice:
    <a href="#" style="padding:30px; background-color:#CCCC66; border:10px solid #FF6633; float:left; display:block"><img src="other_my_img.gif" width="80" height="80" style="padding:20px; background-color:#99CCFF; border:5px solid #0099FF" /></a>

  3. #3
    Quote Originariamente inviata da Igreo Visualizza il messaggio
    Non posso settare il display:block perchè mi sconvolgerebbe tutto il layout; cos'altro posso fare?
    mostra questo layout

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.