[voce di menu]allineare immagine icona al testo come?

[tigerjack]

ciao,

ho questo codice HTML

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td>[img]http:/images/stories/ballon.png[/img] Home</td></tr>
eccc...

</table>

come si può fare in modo che immagine e testo HOME siano allineati sulla stessa linea?

Ora come ora... l'immagine icona del menu è sopra ..ed il testo sotto.. come si può risolvere?


grazie

tj

[tigerjack]

questo è il CSS del menu

a.mainlevel:link, a.mainlevel:visited {
  width                 : auto !important;
  width                 : 100%;
  display: table-cell;
  margin-top            : 5px;
  display               : block;
  line-height           : 20px;
  color                 : #023282;
  font-family           : Arial, Georgia, "Times New Roman", Times, serif;
  font-size             : 12px;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : left;
  padding-left          : 8px;
  text-decoration       : none;
  background            : #b9ceed;
}

non riesco ad allineare immagine e testo... come si puo fare?


grazie

[tigerjack]

come posso inserire l'immagine nel background di mainlevel l'immagine? in modo da farla comparire a sinistra e non si ripeta?


grazie

[tigerjack]

up

[emnlmn]

Il motivo per il quale i due elementi si posizionano su due linee differenti è dovuto alle due proprietà "display: table cell" e "display: block" (che tra l'altro non capisco perchè le dichiari entrambe nella stessa regola, in quanto solo una verrà applicata).
Ora non so bene che risultato tu voglia ottenere, vedo che hai inserito un colore di sfondo, se lo desideri mantenere, dai "float: left" all'immagine, altrimenti togli le dichiarazioni "display".