Visualizzazione risultati 1 fino 3 di 3

Discussione: Problema tabella

  1. #1
    Data registrazione
    04-01-2013
    Messaggi
    6

    Predefinito Problema tabella

    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

  2. #2
    L'avatar di saitfainder
    saitfainder non č connesso Sėniör Stäff
    Data registrazione
    06-12-2002
    Residenza
    Torino
    Messaggi
    8,715

    Predefinito

    Prova a dare un "display:block" all'immagine.


    «Č una mia peculiaritą distorcere la veritą e inventarne di nuove.»
    «I tuoi orientamenti hanno su di me un effetto prossimo allo zero.»


  3. #3
    Data registrazione
    04-01-2013
    Messaggi
    6

    Predefinito

    Risolto.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •