Heading Tags h5 e h6 corretta visione

[coguaro]

ho questo codice:

css

h5
{
margin: 0;
padding: 0;
border: 0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
}

h6
{
margin: 0;
padding: 0;
color: #59595b;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;font-size: 8pt;
}

html

<h5><a title="chirurgia estetica" href="chirurgia-estetica.htm">Chirurgia Estetica</a></h5>
<h6><a title="blefaroplastica milano" href="la-blefaroplastica.htm">La Blefaroplastica</a></h6>
<h6><a title="lifting fronto-orbitario" href="lifting-fronto-orbitario.htm">Lifting fronto-orbitario</a></h6>
<h6><a title="lifting malare" href="lifting-malare.htm">Il Lifting Malare</a></h6>

però ho alcuni problemi:
se gli h nel css non li definisco come a non ho la visione corretta dei colori che voglio però vedo tutte le righe con le spaziature giuste
se gli h nel css li definisco come a ho la visione dei colori corretta ma non le spaziature

cosa sbaglio??? ( come al solito sarà una cazzata ma non la trovo è 3 giorni che provo a sistemarlo ma non riesco)

 

[criric]

prova a mettere l'h dentro l'a

<a title="chirurgia estetica" href="chirurgia-estetica.htm"><h5>Chirurgia Estetica</h5></a>

 

[Nefyt]

Potresti provare utilizzandoli come class negli <a>

<style>
.tx1
 {
margin: 0;
padding: 0;
border: 0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
}

.tx2
 {
margin: 0;
padding: 0;
color: #59595b;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;font-size: 8pt;
}

</style>
<a title="chirurgia estetica" href="chirurgia-estetica.htm" class='tx1'>Chirurgia Estetica</a>
<a title="blefaroplastica milano" href="la-blefaroplastica.htm" class='tx2'>La Blefaroplastica</a>
<a title="lifting fronto-orbitario" href="lifting-fronto-orbitario.htm" class='tx2'>Lifting fronto-orbitario</a>
<a title="lifting malare" href="lifting-malare.htm" class='tx2'>Il Lifting Malare</a>

 

[coguaro]

prova a mettere l'h dentro l'a

<a title="chirurgia estetica" href="chirurgia-estetica.htm"><h5>Chirurgia Estetica</h5></a>

ci avevo pensato anche io così ho la spaziatura e i colori giusti ma non la funzione hover così dovrei aggiungere altri 2 hover e vorrei evitarlo?????

 

[criric]

ecsi hai provato?

    h5,h6 {
        margin: 0;
        padding: 0;    
    }
    h5 a
    {
        border: 0;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 8pt;
    }
    h5 a:hover {
        text-decoration: none;
    }

<h5><a title="chirurgia estetica" href="chirurgia-estetica.htm">Chirurgia Estetica</a></h5>

 

[coguaro]

ecsi hai provato?

    h5,h6 {
        margin: 0;
        padding: 0;    
    }
    h5 a
    {
        border: 0;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 8pt;
    }
    h5 a:hover {
        text-decoration: none;
    }

<h5><a title="chirurgia estetica" href="chirurgia-estetica.htm">Chirurgia Estetica</a></h5>

così avevo provato e funziona ma volevo evitare di aggiungere altri hover visto che l'effetto che voglio è lo stesso standard degli altri hover????

 

[criric]

Ma se hai gia definito un hover per tutti i tag a non ti serve ridefinirlo

<style type="text/css">
    /* vale per tutti i tag a */
    a:hover {
        text-decoration: none;
    }

    h5,h6 {
        margin: 0;
        padding: 0;
        font-size: 8pt;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
    h5 a
    {
        color: #000000;
    }
    h6 a
    {
        color: #59595b;
    }

</style>
<h5><a title="chirurgia estetica" href="chirurgia-estetica.htm">Chirurgia Estetica</a></h5>
<h6><a title="blefaroplastica milano" href="la-blefaroplastica.htm">La Blefaroplastica</a></h6>
<h6><a title="lifting fronto-orbitario" href="lifting-fronto-orbitario.htm">Lifting fronto-orbitario</a></h6>
<h6><a title="lifting malare" href="lifting-malare.htm">Il Lifting Malare</a></h6>

 

[coguaro]

Ma se hai gia definito un hover per tutti i tag a non ti serve ridefinirlo

<style type="text/css">
    /* vale per tutti i tag a */
    a:hover {
        text-decoration: none;
    }

    h5,h6 {
        margin: 0;
        padding: 0;
        font-size: 8pt;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
    h5 a
    {
        color: #000000;
    }
    h6 a
    {
        color: #59595b;
    }

</style>
<h5><a title="chirurgia estetica" href="chirurgia-estetica.htm">Chirurgia Estetica</a></h5>
<h6><a title="blefaroplastica milano" href="la-blefaroplastica.htm">La Blefaroplastica</a></h6>
<h6><a title="lifting fronto-orbitario" href="lifting-fronto-orbitario.htm">Lifting fronto-orbitario</a></h6>
<h6><a title="lifting malare" href="lifting-malare.htm">Il Lifting Malare</a></h6>

lo so che se ho gia dato delle impostazioni generali agli a ( anche se per alcuni uso delle classi ) ma se non gli dò l'hover anche agli h5 e h6 non mi funziona è ancora in sviluppo/correzzione ma puoi vedere tutto il codice qui
come dicevo magari ho sbagliato qualcosa nella gestione del css ma non riesco a capire cosa