Ciao a tutti,
io sto creando un sito ed ho un problema con le immagini dentro una tabella.
Vi posto il codice HTML
Codice:
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
<!-- importa i CSS e il reset CSS -->
<link href="stile.css" rel="stylesheet" type="text/css">
<style>
@import url(style.css);
</style>
</head>
<body>
<!-- barra nera superiore -->
<div id="topbar"></div>
<!-- Inizio tabella layout generale -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://venividivici.us/sites/default/files/tiziano-venere-urbino-golapyan.jpg"></td>
<td rowspan="10">sidebar</td>
</tr>
<tr>
<td bgcolor="#fff">desc</td>
</tr>
<tr>
<td>img</td>
</tr>
<tr>
<td>des</td>
</tr>
<tr>
<td>ing</td>
</tr>
<tr>
<td>desc</td>
</tr>
<tr>
<td>img</td>
</tr>
<tr>
<td>desc</td>
</tr>
<tr>
<td>img</td>
</tr>
<tr>
<td>desc</td>
</tr>
</table>
</body>
</html>
Mentre questo č il CSS
Codice:
@charset "UTF-8";
/* CSS Document */
body {
/* In questo modo il sito č full screen */
margin: 0;
background-color: #eeeeee;
}
table {
margin: auto;
border-spacing: 0;
width: 960px;
background-color: #fff;
/* magin-top da sistemare con l'avvento del logo e dev'essere maggiore di 50px */
margin-top: 60px
}
td {
height: 100%;
padding: 0;
margin: 0;
}
#topbar {
/* Classe per la barra nera superiore */
background-color: #222222;
height: 40px;
width: 100%;
/*
* Posiziona la barra sempre in alto
* e in caso di scroll sempre in primo piano
*/
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
Il problema č che c'č come un margine al di sotto dell'immagine nonostante abba messo border-spacing: 0; , e non so come rimuoverlo.
Per farvi capire meglio, ecco un'immagine