problema allineamento icone

**KillerWorm** · 23-08-2014, 23:23

Ciao e benvenuta.
Certo, per la formattazione dei contenuti di norma devi lavorare sul css.
Per allineare l'immagine col testo adiacente puoi utilizzare vertical-align da applicare all'elemento <img>

Un esempio:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      img{
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <img src="immagine.png" alt="un'immagine">Testo centrato in verticale rispetto all'immagine.
  </body>
</html>

**giorgia91** · 24-08-2014, 08:47

Originariamente inviata da carlomarangoni

Se non ci fai vedere un po' di codice di quello che hai fatto come possiamo aiutarti?

scusa hai perfettamente ragione, l'html è questo:
<p class="home"><a href="login prima pagina.html"> <img src="immagini/home-4-24.png" align="bottom" />Home</p></a>

Originariamente inviata da KillerWorm

Ciao e benvenuta.
Certo, per la formattazione dei contenuti di norma devi lavorare sul css.
Per allineare l'immagine col testo adiacente puoi utilizzare vertical-align da applicare all'elemento <img>

Un esempio:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      img{
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <img src="immagine.png" alt="un'immagine">Testo centrato in verticale rispetto all'immagine.
  </body>
</html>

grazie mille del suggerimento! appena ho due minuti provo a fare come hai detto tu

Discussione: problema allineamento icone

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio