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">
<!--
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?
<!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?