- Home
- Categorie
- Coding e Sistemistica
- Coding
- Eliminare spazi eccessivi tra tabella e finestra browser. Come si fa?
-
Eliminare spazi eccessivi tra tabella e finestra browser. Come si fa?
Ciao ragazzi
Ho fatto senza troppe difficoltà un piccolo menu orizzontale con l'uso di una tabella e delle sue celle.
Ho formattato il tutto con l'uso di un CSS.Non capisco una cosa: c'è uno spazio bianco superfluo tra il bordo del menu e i margini della finestra del browser. Come mai?
Chrome e IE lo gestiscono diversamente ma non cambia il fatto che lo spazio c'è comunque, chi più chi meno.
Esiste una regola CSS da mettere nel foglio di stile per far sparire questo spazio in eccesso?
O forse c'è proprio un argomento del tag table da inserire nel HTML?Aspetto qualche consiglio
Ciao e grazie
-
Provato a mettere alla tabella margin e padding a 0?
Ed ad impostare via css sulla tabella border-collapse:collapse
-
@marcocarrieri said:
Provato a mettere alla tabella margin e padding a 0?
Ed ad impostare via css sulla tabella border-collapse:collapseBastava mettere margin:0 direttamente nel body...
Ciao
-
Ecco. Sempre colpa dei margini!
Per esperienza ci son passato e ci passo anche io eh eh...
-
@marcocarrieri said:
Ecco. Sempre colpa dei margini!
Per esperienza ci son passato e ci passo anche io eh eh...Ho fatto oggi una piccola pagina con un misto tra HTML e PHP:
<table width="100%"> <tr> <td align="left" width="15%"> <table> <tr><td class="titoli_aggiornamenti">Vuoi renderti ben visibile?</td></tr> <tr><td class="paragrafi_aggiornamenti"><a href="#">Carica le tue foto</a></td></tr> </table> </td> <td align="left" width="15%"> <table> <tr><td class="foto_principale"><img src="immagini/foto_principale/<?php echo $foto_principale; ?>" width="100%"/></td></tr> </table> </td> </tr> </table>
Nel foglio CSS ho messo questo:
body { font-family: Arial; color: #808080; margin:0; } a:link, a:visited{ color:#0026FF; } td.titoli_aggiornamenti { font-family:Arial; color:#FF6A00; font-weight:bold; } td.paragrafi_aggiornamenti { font-family:Arial; color:#808080; }
Come si può vedere ho fatto una tabelle che contiene 2 sotto tabelle.
Le prime 2 righe delle 2 sotto-tabelle non sono allineate sulla stessa altezza. Come mai?Insomma, l'immagine si trova più in alto rispetto alla frase "Vuoi renderti ben visibile?". Ma perchè? Dove sbaglio?
Spero saprai darmi una mano:D
Qualcuno ha qualche idea? Grazie!