Come posso ottenere 3 tabelle a fianco

Sto cercando di allineare 3 tabelle side-by-side. Non funziona quando ho messo una tabella all’interno di un’altra tabella, in quanto la tabella ha un sacco di contenuti che poi fa la mia prima tabella in verticale troppo grande e non guardare a destra.

Quello che sto cercando di fare è creare una semplice pagina dove ho la mia prima tabella con 3 righe più in basso. Il mio tavolo 2 a 1 colonna 1 riga di layout per il contenuto e il mio 3 ° tavolo è anche 1 e colonna 1 riga. Ho bisogno di queste tabelle side-by-side.

Ho cercato in internet e non riesco a trovare qualcuno che può fare questo. Quando ho aggiunto le tabelle essi impilare l’uno dall’altro. Qualcuno mi può aiutare con ottenere il mio 3 tavoli da side-by-side?

      <table width="100" border="1">
        <tr>
       <td>&nbsp;</td>
       </tr>
       <tr>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>

Se questo ha bisogno di CSS si può fornire anche questo, sarebbe molto apprezzato, sto ancora imparando avanzata di HTML e CSS.

  • Html avanzato significa evitare le tabelle. 🙂
  • Sei sicuro di usare le tabelle per i dati tabulari e non per il layout?
  • sto costruendo un sito carità e la persona che vorrei aggiornare a se stessa e che vuole un layout semplice, così lei può fare questo. lei vuole solo essere in grado di modificare il contenuto annuale e, se ce la faccio complicata per lei non sarà in grado di farlo da sé. così ho pensato che la costruzione di una presentato il sito sarà più facile per lei.
  • rispetto alla semantica html+css, tag HTML per le tabelle è generalmente molto più difficile da comprendere e modificare per un programmatore o di un non-programmatore
  • Si consideri un CSS helper come il 960px sistema di griglia: 960.gs

 

4 Replies
  1. 6

    Aggiungere style=”float:left;” per ogni tabella. ad esempio:

    <table width="100" border="1" style="float:left;">
    • che ha aiutato la ringrazio molto 🙂
  2. 1

    Se è necessario utilizzare le tabelle (e si fa per le cose come le email in formato HTML), si dovrebbe essere in grado di eseguire la maggior parte delle cose con tabelle di nidificazione. Avete provato a usare un wrapper tabella con tre celle, poi mettendo le tre tabelle di ciascuno all’interno di una delle celle dal wrapper tabella? Dreamweaver è un ottimo strumento per le tabelle. Se questo non è tabulare dati, o HTML, e-mail, si dovrebbe considerare un layout non sulla base di tabelle.

    • sto usando dreamweaver 🙂 ma non sono sicuro di avvolgimento. come faccio a wrap?
  3. 0
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <table width="900" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
        <td rowspan="3">&nbsp;</td>
        <td rowspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>

    come su questo

Lascia un commento