Testo ed immagine allineati?

**acquila** · 13-05-2007, 20:18

Come faccio a vedere la scritta allineata verticalmente al centro in linea con l'immagine?

<table width="342" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>[img]images/new.gif[/img]</td>
<td><h3>Scritta da allineare con l'immagine .</h3></td>
</tr>
</table>

**ricman** · 14-05-2007, 09:04

Originariamente inviato da acquila
<td><h3>Scritta da allineare con l'immagine .</h3></td>

**acquila** · 14-05-2007, 10:49

Con IE non funziona ... già ci avevo provato.

**Vincent.Zeno** · 14-05-2007, 11:45

Funziona... è che non ne vedi l'effetto perché lo spazio che hai dato è piccolo, e i titoli (h1/h2/...) si spostano un po' verso l'alto.

Regola il tutto con margin e padding.

e comunque meglio questo:

td {vertical-align: middle;}
o
h3 {vertical-align: middle;}

**acquila** · 14-05-2007, 13:42

ho provato anche così ma niente....
<div class="h3_provatitolo" id="titoletto">
<table width="342" border="0" cellpadding="2" cellspacing="0">
<tr>
<td valign="middle" {vertical-align: middle;}>[img]images1.gif[/img]</td>
<td valign="middle" {vertical-align: middle;}><h3 {vertical-align: middle;}>Testo prova. </h3></td>
</tr>
</table>

**Vincent.Zeno** · 14-05-2007, 13:54

E' scritto alla cavolo.... ma studiati questo:

codice:

 <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Scritta da allineare con l</title>
<style>
td {
vertical-align: middle;}
</style>
</head>

<body>
<table width="342" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td height="50">
	[img]images/new.gif[/img]</td>
  <td height="50"><h3>Scritta da allineare con l'immagine .</h3></td>
 </tr>
</table>
<table border="0" width="350" cellspacing="0" cellpadding="0" id="table1">
	<tr>
		<td>[img]images/new.gif[/img]</td>
		<td >Scritta da allineare con l'immagine.</td>
	</tr>
</table>
</body>

</html>

**acquila** · 14-05-2007, 15:49

No mi dispiace, non è così. Il problema sta che quando la scritta assume l'h3 (intestazione) non si allinea più con l'immagine.

**Vincent.Zeno** · 14-05-2007, 21:07

Originariamente inviato da acquila
Il problema sta che quando la scritta assume l'h3 (intestazione) non si allinea più con l'immagine.

... e io cosa ho detto?
Nel codice d'esempio ho appunto fatto vedere questo problema, per cui:
lavora con margin:

codice:

 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Scritta da allineare con l</title>
<style>
h3 {
margin: auto;
}

</style>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td height="50">
	[img]images/new.gif[/img]</td>
  <td height="50"><h3>Scritta da allineare con l'immagine .</h3></td>
 </tr>
</table>



</html>

Discussione: Testo ed immagine allineati?

Strumenti discussione

Ricerca discussione

Visualizza

Testo ed immagine allineati?

Re: Testo ed immagine allineati?

Permessi di invio