Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Tabella a tutta pagina

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    9

    Tabella a tutta pagina

    Scusate, sembra una cosa stupida ma non riesco a venirne fuori.
    Devo fare una cosa abbastanza semplice, voglio dividere la mia pagina in due parti ugali, la prima con il colore dello sfondo rosso, la seconda blu.
    Costruisco la mia tabella (width:100% height:100%) composta da due colonne una con lo sfondo rosso e l'altra blu. Il risultato è la pagina divisa in 2 come descritto ma con un fastidioso contorno bianco che non so da dove arriva... il codice è il seguente:

    <body>
    <table cellpadding=0 cellspacing=0 style="height:100%; width:100%;">
    <tr>
    <td style="background-color:#FF0000;"></td>
    <td style="background-color:#0000FF;"></td>
    </tr>
    </table>
    </body>

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    mi sa che il bordo bianco ce l'hai solo un modalità progettazione...
    comunque aggiungi border:0px allo stile


  3. #3
    Utente bannato
    Registrato dal
    Jun 2007
    Messaggi
    572
    Secondo me il bordo bianco è dato dal fatto che hai il background della pagina bianco e i margini 20px di conseguenza la tabella stando a 20px di distanza dal bordo della pagina forma il bordo bianco. Per dividere la pagina completa in due colori, devi fare un'immagine della grandezza dello schermo divisa in due colori e metterla come background della pagina. oppure togliere i bordi dela pagina.

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    urca... avevo interpretato male quello che chiede lambi81.

    si, mi sa che parla del bordo attorno alla tabella.

    quindi a body devi impostare margin:0px;

    è quello che cerchi?

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    9
    Grazie a tutti, ho risolto:

    <body style="margin:0px;">
    <table cellpadding=0 cellspacing=0 style="height:100%; width:100%;">
    <tr>
    <td style="background-color:#FF0000;"></td>
    <td style="background-color:#0000FF;"></td>
    </tr>
    </table>
    </body>

  6. #6
    Utente bannato
    Registrato dal
    Jun 2007
    Messaggi
    572
    Gli stili del body e della tabella è meglio non metterli in linea ma tra <style>...</style> in <head> o meglio ancora in un foglio di stile esterno

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.