Spazio che non è padding nel testo

**!!\Freedom9/!!** · 20-09-2009, 16:21

Non capisco come devo fare per eliminare, in un campo span di testo, lo spazio vuoto tra il carattere e il bordo superiore e quello inferiore.

Non è facile spiegare quello che intendo, provate a visualizzare in una pagina htm questo codice; come potete vedere tra il testo e i suoi bordi laterari non c'è spazio, mentre i bordi superiori sono molto distanziati. Come fare per eliminare questo maledetto spazio vuoto?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<span style="font-size: 40px; background-color: yellow; border: 2px solid red; padding: 0;">Testo</span>
</body>
</html>

**essezeta** · 20-09-2009, 16:57

lavora di altezza di linea e poi rendi block
prova così
<span style="font-size: 40px; background-color: yellow; border: 2px solid red; padding: 0; line-height:30px; display:block;">Testo</span>

ma occhio che uno span è un pezzo di testo e così lo "interrompi"...

**!!\Freedom9/!!** · 20-09-2009, 17:04

Originariamente inviato da essezeta
lavora di altezza di linea e poi rendi block
prova così
<span style="font-size: 40px; background-color: yellow; border: 2px solid red; padding: 0; line-height:30px; display:block;">Testo</span>

ma occhio che uno span è un pezzo di testo e così lo "interrompi"...

Ciao, grazie per il suggerimento, ma non posso utilizzare display: block. L'elemento deve essere inserito in una frase. Qualche altra idea?

**essezeta** · 20-09-2009, 17:13

infatti... bravo...

ma allora com'è questa frase? è solo decorativa? in font-size ha gli stessi px? altrimenti potresti provare a dare allo span una dimensione maggiore del resto della frase...
hai un codice?

**!!\Freedom9/!!** · 20-09-2009, 17:26

Originariamente inviato da essezeta
infatti... bravo...

ma allora com'è questa frase? è solo decorativa? in font-size ha gli stessi px? altrimenti potresti provare a dare allo span una dimensione maggiore del resto della frase...
hai un codice?

Non sto a postare il codice che altrimenti sarebbe troppo lungo. Sono 5 span affiancati uno all'altro, ognuno dei quali ha un font-size diverso.

**essezeta** · 20-09-2009, 17:42

non ho capito se sono imbracati da un bordo... e tu vuoi eliminare l'aria tra il carattere e il bordo?

comunque se si tratta di un numero finito e stabile di span allora io farei tutto rendendo gli span elementi block floattanti uno accanto all'altro... e azzererei quello spazio come mi pare con font-size e line-height...

**!!\Freedom9/!!** · 20-09-2009, 17:49

Esatto, voglio eliminare l'area tra il carattere e il bordo.

No, purtroppo non sempre gli span sono un numero finito; normalmente sono 5, ma essendo generati dinamicamente variano tra 3 e 15.

**essezeta** · 20-09-2009, 18:19

mi sembra una pazzia...
ma con la pioggia che c'è...
ecco un TEST

vediamo cosa viene fuori...

**miki003** · 20-09-2009, 18:23

Originariamente inviato da !!\Freedom9/!!
Esatto, voglio eliminare l'area tra il carattere e il bordo.

No, purtroppo non sempre gli span sono un numero finito; normalmente sono 5, ma essendo generati dinamicamente variano tra 3 e 15.

Non lo puoi eliminare perchè è uno spazio che fa parte dela struttura del carattere

**!!\Freedom9/!!** · 20-09-2009, 18:29

Originariamente inviato da miki003
Non lo puoi eliminare perchè è uno spazio che fa parte dela struttura del carattere

Neppure se cambio famiglia di carattere o utilizzo una struttura a lista <ul>?

Discussione: Spazio che non è padding nel testo

Strumenti discussione

Ricerca discussione

Visualizza

Spazio che non è padding nel testo

Permessi di invio