Ciao a tutti,
io sto creando un sito ed ho un problema con le immagini dentro una tabella.
Vi posto il codice HTML
Mentre questo č il CSSCodice:<!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>
Il problema č che c'č come un margine al di sotto dell'immagine nonostante abba messo border-spacing: 0; , e non so come rimuoverlo.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; }
Per farvi capire meglio, ecco un'immagine
![]()

LinkBack URL
About LinkBacks


