Padding su link sfasato

**Polley** · 27-01-2005, 12:22

Ciao

Mi spiegate questa cosa ?

Ho una serie di link con un'immagine.

[img][/img]

Voglio mettere il bordo nero all'immagine.
Poi voglio mettere il bordo nero al link con uno spazio di 3px e lo sfondo bianco.

Ho fatto cosi:

img {border: 1px solid #000000;}
a {display: block; width: 50px; height: 60px; padding: 3px; background: #ffffff; border: 1px solid #000000;}

Il problema stà che con Mozilla và ma con IE lascia una cornice più ampia nel lato di sotto, mentre gli altri lati vanno bene!

Ho provato a dare ad a queste misure.

width: 56px;
height: 66px;

praticamente il 3+3 del padding, ma non mi riesce sempre quel lato di sotto che scazza.

non ditemi che non si può fare

N.B. Xhtml Strict

**floyd46** · 27-01-2005, 12:52

ciao
non hai la pagina in rete? scrivi il link.

**Polley** · 27-01-2005, 14:44

Non ho la pagina sul web.
Ho preso il sorgente generato, ho tolto tutto ed ho fatto una prova!

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
	
	<style type="text/css">

		img {border: 1px solid #000000;}
		a   {display: block; width: 57px; height: 62px; padding: 3px; margin: 10px;  border: 1px solid #000000; background: #ffffcc;}
	
	</style>

  </head>
  <body>

        <div>
          <a href="">
            [img]foto.jpg[/img]
          </a>
          <a href="">
            [img]foto.jpg[/img]
          </a>
          <a href="">
            [img]foto.jpg[/img]
          </a>
          <a href="">
            [img]foto.jpg[/img]
          </a>
          <a href="">
            [img]foto.jpg[/img]
          </a>
          <a href="">
            [img]foto.jpg[/img]
          </a>
        </div>

  </body>
</html>

Se vuoi provare!
Mi sono accorto di un'altra cosa, se provi la pagina e non hai l'immagine, non dovrebbe vedersi lo stesso il quadrato nero di tot dimensioni ? qui il quadrato diventa piccolo come mai ?

Comunque non và ancora il padding su IE :master:

Discussione: Padding su link sfasato

Strumenti discussione

Ricerca discussione

Visualizza

Padding su link sfasato

Re: Padding su link sfasato

Permessi di invio