Aiuto sviluppo pagina web

Gio Games · 06-10-2006, 15:20

Ciao ragazzi, mentre realizzavo questa semplice pagina web ho notato un problema. I margini che ho impostato via html non vengono rispettati nel browser. Praticamente mi giustifica il testo senza tenere conto dei margini che ho specificato. Allego il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

</style></head>

<body>
<table width="100%" border="0" align="center">
<tr>
<td colspan="4"><div align="center"><img src="images/gio project.jpg" width="600" height="100" /></div></td>
</tr>
<tr>
<td width="25%"><div l align="center"><img src="images/gio-engine.jpg" width="200" height="50" /></div></td>
<td width="25%"><img src="images/gio-web.jpg" width="200" height="50" /></td>
<td width="25%"><img src="images/gio-games.jpg" width="200" height="50" /></td>
<td width="25%"><img src="images/gio-other.jpg" width="200" height="50" /></td>
</tr>
<tr>
<td colspan="4"><div align="center">

<p align="justify" style="border-left-width:50px; border-right-width: 50px;"> Questo è il testo che voglio venga marginato di 50px a sinistra e 50 a destra</p>
<p align="right" style="border-right-width:100px">Saluti, Gio Games</p>
</div>
<div align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td colspan="2"><div align="center"><img src="images/atomo.png" width="192" height="192" /></div> <div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</body>
</html>

Come devo correggere?

andbin · 06-10-2006, 17:25

Quote:

Originariamente inviato da Gio Games

Come devo correggere?

Metti nello stile di quel <p>:
margin-left: 50px; margin-right: 50px;

06-10-2006, 15:20	#1
Gio Games Senior Member Iscritto dal: Jul 2006 Città: Fossombrone (Pesaro e Urbino) Messaggi: 405	Aiuto sviluppo pagina web Ciao ragazzi, mentre realizzavo questa semplice pagina web ho notato un problema. I margini che ho impostato via html non vengono rispettati nel browser. Praticamente mi giustifica il testo senza tenere conto dei margini che ho specificato. Allego il codice: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- body,td,th { color: #FFFFFF; } body { background-color: #000000; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } --> </style></head> <body> <table width="100%" border="0" align="center"> <tr> <td colspan="4"><div align="center"><img src="images/gio project.jpg" width="600" height="100" /></div></td> </tr> <tr> <td width="25%"><div l align="center"><img src="images/gio-engine.jpg" width="200" height="50" /></div></td> <td width="25%"><img src="images/gio-web.jpg" width="200" height="50" /></td> <td width="25%"><img src="images/gio-games.jpg" width="200" height="50" /></td> <td width="25%"><img src="images/gio-other.jpg" width="200" height="50" /></td> </tr> <tr> <td colspan="4"><div align="center"> <p align="justify" style="border-left-width:50px; border-right-width: 50px;"> Questo è il testo che voglio venga marginato di 50px a sinistra e 50 a destra</p> <p align="right" style="border-right-width:100px">Saluti, Gio Games</p> </div> <div align="center"></div></td> </tr> <tr> <td><div align="center"></div></td> <td colspan="2"><div align="center"><img src="images/atomo.png" width="192" height="192" /></div> <div align="center"></div></td> <td><div align="center"></div></td> </tr> </table> </body> </html> Come devo correggere? Ultima modifica di Gio Games : 06-10-2006 alle 15:39.

Strumenti
Mostra una versione stampabile Invia questa pagina per email