Spazio tra le righe h1 e h2, Eliminare interlinea tra le righe

« Older   Newer »
  Share  
maxmaxuell
view post Posted on 7/6/2016, 00:24     +1   -1




Spazio tra le righe h1 e h2
Eliminare interlinea tra le righe


Risposta veloce e immediata margin: 0px 0px 0px 0px;


CODICE
h1{
color:red;
margin: 0px 0px 0px 0px;
}
h2{
margin: 0px 0px 0px 0px;
color:blue;
}


Dare ad entrambi i tag h1 e h2 margin: 0px

mentre per il testo per esempio il paragrafo

CODICE
p{
width:300px;
color:green;
line-height: 20px;
}


ovviamente l'altezza riga deve essere più grande del carattere

CODICE
p {
 font-family: arial;
 font-size: 16px;
 line-height: 20px;
}


esempio completo
HTML
<style>
div.titolo{
//line-height: 20px;
}
h1{
//background-color:yellow;
color:red;
margin: 0px 0px 0px 0px;
}
h2{
margin: 0px 0px 0px 0px;
color:blue;
}
p{
width:300px;
color:green;
font-size: 16px;
line-height: 20px;
}
</style>

<body>

<div class="titolo">
<h1>Questo è il titolo in rosso h1</h1>
<h2>e quest'altro il sottotitolo in blu h2</h2>
</div>

<p>Invece questo è il testo generico con p (paragrafo verde)
ho inserito il <font color:blue>line-height:20px</font> letteralmente
altezza riga che deve essere più grande della grandezza del carattere</p>
</body>



come vedete il carattere è di 16 mentre l'altezza riga è di 20
 
Top
maxmaxuell
view post Posted on 24/11/2016, 16:19     +1   -1




aggiornamento

H1 e H2 devono stare nella stessa riga. Il margine superiore è il primo parametro

CODICE
[URL=http://max400.forumfree.it/?t=73319846][color=red]<h1 style="margin: 10px 0px 0px 0px;"><b>Salma Hayek sexy</b></h1>[/color][/URL]<h2 style="margin: 10px 0px 0px 0px;">[color=blue]Salma Hayek in reggiseno nero[/color]</h2>


Salma Hayek sexy

Salma Hayek in reggiseno nero



Se aumentiamo a 20 avremo più spazio (margin:20px)
CODICE
[URL=http://max400.forumfree.it/?t=73319846][color=red]<h1 style="margin: 20px 0px 0px 0px;"><b>Salma Hayek sexy</b></h1>[/color][/URL]<h2 style="margin: 20px 0px 0px 0px;">[color=blue]Salma Hayek in reggiseno nero[/color]</h2>


Salma Hayek sexy

Salma Hayek in reggiseno nero



--------- se invece mettiamo (margin:0px)-----------------
CODICE
[URL=http://max400.forumfree.it/?t=73319846][color=red]<h1 style="margin: 20px;"><b>Salma Hayek sexy</b></h1>[/color][/URL]<h2 style="margin: 0px;">[color=blue]Salma Hayek in reggiseno nero[/color]</h2>


ecco il risultato con margin: 0px

Salma Hayek sexy

Salma Hayek in reggiseno nero


come vedete le righe sembrano appiccicate
 
Top
1 replies since 7/6/2016, 00:24   66 views
  Share