[HTML] img con href

[thomas]

Notare le bandierine in alto a destra

Pagina come vorrei che fosse
Pagina come in realtà viene

La differenza nelle pagine è questa:
Pagina giusta

Codice: Seleziona tutto

<img src="images/it.png" alt="Italiano"> <img src="images/en.png" alt="English">


Pagina sbagliata

Codice: Seleziona tutto

<a href="index.it.html"><img src="images/it.png" alt="Italiano"></a> <a href="index.en.html"><img src="images/en.png" alt="English"></a>


Ho provato ad inserire l'attributo

Codice: Seleziona tutto

border="0"

nel tag delle immagini, ma non risolve nulla.
Ho provato anche a riallineare a destra o a sinistra le immagini, ma è come se la seconda (la bandierina inglese) cada sulla linea dopo...

perché?

[flod]

Consiglio spassionato: controlla i css che copi da altre parti :roll:

Codice: Seleziona tutto

      <div id="navcontainer">
      <a style="display: inline;" href="http://fromtheflames.spymac.com/index.it.html"><img style="border: 0;" src="index_files/it.png" alt="Italiano"></a>
      <a style="display: inline;" href="http://fromtheflames.spymac.com/index.en.html"><img style="border: 0;" src="index_files/en.png" alt="English"></a>
        <ul>

[thomas]

Grazie amico!
Non sono così tanto compentente in HTML e CSS da poter capire al volo l'errore...

E' forse qui la parte incriminata nel CSS?

Codice: Seleziona tutto

#navcontainer a {
   display: block;
   color: #804000;
   text-decoration: none;
   padding-left: 10px;
   height: 20px;
}


Presumo l'attributo display, mi sbaglio?

Comunque grazie al tuo suggerimento funziona, grazie[/code]

[flod]

E' forse qui la parte incriminata nel CSS?
[code]
#navcontainer a {

Esattamente; tutti i link <a> inseriti in quel DIV assumono display:block, il che significa che ogni elemento occupa tutta la riga (si comporta come un DIV, ad esempio).

[thomas]

E' forse qui la parte incriminata nel CSS?
[code]
#navcontainer a {

Esattamente; tutti i link <a> inseriti in quel DIV assumono display:block, il che significa che ogni elemento occupa tutta la riga (si comporta come un DIV, ad esempio).

Grazie 1000