How to place 2 banners in a row, and not in a column? both are the same size 468x60



    4 answers 4

    Markup tables have long been moved away.

    Read an example , experiment.

    Knowledge of css is necessary for any webmaster, at least at the initial level, especially in the upcoming HTML5

    • Entirely moved away? Saw a couple of literate sites with tables, and even more combining tables and divs. But at the same time, of course, you can't do without CSS! - sinedsem

    Make the banner behave like lowercase elements. Use CSS:

    dispaly:inline-block
    • through css I can not say how it will be through the tables? - Nikola Krivosheya
    • 2
      @ Nikola Krivosheya: you really do not know how to make a table of one column and two rows? And what table can you do? - VladD

    If you want tables:

     <table> <tr> <td> <img src=# width="468" height="60"> </td> <td> <img src=# width="468" height="60"> </td> </tr> </table>

    In order not to insult the feelings of local kulkhackers (they are nervous here) with elementary questions, read the HTML tutorial here or here . Written very accessible. Or google another source.

      Cross-browser answer (: works with version 6 and beyond. Html -

       <div class='holder'> <div class='banner red'></div> <div class='banner blue'></div> </div>

      css

       .holder{ min-width: 940px; height: 60px; } .banner{ display: -moz-inline-stack; width: 468px; height: 60px; display: inline-block; zoom: 1; *display: inline; } .red{ background-color: red; } .blue{ background-color: blue; }