Altezza righe vuote ottenute con <br/>

**axlman** · 13-12-2009, 11:19

Volevo sapere se esiste la possibilità di decidere l'altezza delle righe vuote ottenute con il tag
: ho cercato ma non ho trovato nulla.

Lo so che potrei usare i div o i p per farlo, ma non posso, non scelgo io come viene scritta in HTML una certa frase.

In pratica ho:

codice:

<div>Bla bla bla ... bla bla bla.

Bla bla bla... bla bla.</div>

e vorrei che la riga vuota dovuta al secondo
fosse regolabile in altezza, in modo indipendente dalle altre linee (quindi niente line-height come attributo del div).

Spero di essermi spiegato e ringrazio anticipatamente chiunque volesse rispondermi, anche solo per dirmi che non si può, così non ci perdo altro tempo dietro.

**miki003** · 13-12-2009, 12:05

http://forum.html.it/forum/showthread/t-957942.html
http://forum.html.it/forum/showthread/t-723683.html

**axlman** · 13-12-2009, 12:31

Risultato, non si può fare. Grazie, non avevo trovato quelle discussioni.

**webdemo** · 13-12-2009, 14:55

Originariamente inviato da axlman
vorrei che la riga vuota dovuta al secondo
fosse regolabile in altezza, in modo indipendente dalle altre linee (quindi niente line-height come attributo del div).

mi sembra di capire che il codice viene immesso da altri, e in modo non controllato!?

se è così, credo che tu possa risolvere solo con un linguaggio di programmazione, es:

se nel testo: "tal dei tali"
trovi: "

"
cambia in: "
<br style='line-height:100px'/>"
stampa risultato

**axlman** · 13-12-2009, 15:11

Originariamente inviato da webdemo
mi sembra di capire che il codice viene immesso da altri, e in modo non controllato!?

Esatto, quindi il

me lo devo tenere così, senza poterci mettere niente dentro (style, id, class o altro).
Posso mettere una classe nel div in cui è contenuto il br e ci ho già provato, ma non funziona. Cioè ho messo, rispettivamente nell'head e nel body:

codice:

.miaclasse br {
line-height: 10px;
}

codice:

<div class="miaclasse">bla bla bla.

Bla bla bla</div>

Sbaglio qualcosa nella sintassi?

Volevo evitare l'uso di JS, se possibile, anche perché potrebbero esserci più di due br di seguito senza che io possa sapere quanti sono da una volta all'altra.

**miki003** · 13-12-2009, 16:30

Avevo un dubbio che

codice:

cambia in: "
<br style='line-height:100px'/>"

potesse funzionare, l'ho provato ed infatti non funziona assolutamente!

**webdemo** · 13-12-2009, 16:38

credo ci sia un errore di sintassi

funziona correttamente

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=iso-8859-1" />
<title>spazio a br</title>
<style type="text/css">
<!--
.miodivtesto br {
	line-height: 5em;
}
-->
</style>
</head>

<body>
<div class="miodivtesto">Bla bla bla ... bla bla bla.

Bla bla bla... bla bla.</div>
</body>
</html>

ti sposto in CSS

**axlman** · 13-12-2009, 17:42

Dunque, visto che uno dice che non funziona (e anche a me non funziona) mentre un altro dice che invece funziona, e supponendo che nessuno dica fesserie così tanto per dire, mi sono guardato tutto per benino e ho scoperto l'arcano.
Avete ragione (e/o torto, scegliete voi) entrambi: funziona usando XHTML Transitional, ma non funziona con lo Strict.

Ora mi chiedo se passare al Transitional mi porterebbe qualche svantaggio o meno rispetto allo Strict: se qualcuno me lo può dire in due parole senza farmi fare ricerche che adesso non ho il tempo di fare gliene sono grato, altrimenti pazienza.

Intanto grazie molte a entrambi per le risposte che mi avete già dato e che mi hanno comunque insegnato qualcosa in più.

**miki003** · 13-12-2009, 18:17

http://webdesign.html.it/faq/leggi/8...-html-o-xhtml/

**webdemo** · 13-12-2009, 18:18

ripeto
credo ci siano errori di sintassi
funziona perfettamente anche con Strict

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" />
<title>spazio a br</title>
<style type="text/css">
<!--
.miodivtesto br {
	line-height: 5em;
}
-->
</style>
</head>

<body>
<div class="miodivtesto">Bla bla bla ... bla bla bla.

Bla bla bla... bla bla.</div>
</body>
</html>

e comunque se vuoi puoi passare da Strict a Transitional in qualsiasi momento

Discussione: Altezza righe vuote ottenute con <br/>

Strumenti discussione

Ricerca discussione

Visualizza

Altezza righe vuote ottenute con <br/>

Re: Altezza righe vuote ottenute con <br/>

Re: Re: Altezza righe vuote ottenute con <br/>

Permessi di invio