Hello.

Generally stuck on the layout. I can not understand everything, how to do it like on the screen. What needs to be written in CSS?

Thank you in advance.

alt text

  • What exactly is not clear? How to make a table in 3 lines and the second split into 3 columns? - LordySL

3 answers 3

<table> <tr> <footer> </tr> <tr> <td> <selection1> </td> <td> <selection2> </td> <td> <selection3> </td> </tr> <tr> </tr> </table>
  • but you can not do using tables ??? I just can not understand whether it is possible to do it in html5 like that - vova666
  • @ vova666 is possible with the help of the div tag, but there is no point in it at all. Than the table did not please you? - LordySL
  • So, it only became interesting how this could be implemented without tables. Thanks for the answer - vova666

but you can not do using tables ???

So, it only became interesting how this could be implemented without tables.

 <html> <head> <style type="text/css"> #footer { background: gray; width: 600px; margin: 20px auto; font-family: "Verdana"; text-align: center; font-size: 15px; color: #FFF; padding: 10px; font-weight: bold; } #footer div { float: left; } .section { text-align: left; width: 180px; margin: 10px 0px 10px 0px; padding: 10px; } .red { background: red; } .green { background: green; } .blue { background: blue; } </style> </head> <body> <div id="footer"> &lt;footer&gt; <div class="section red"> &lt;section&gt; <br /> &bull; &lt;h1&gt; <br /> &bull; &lt;ul&gt; </div> <div class="section green"> &lt;section&gt; <br /> &bull; &lt;h1&gt; <br /> &bull; &lt;ul&gt; </div> <div class="section blue"> &lt;section&gt; <br /> &bull; &lt;h1&gt; <br /> &bull; &lt;p&gt; </div> </div> </body> </html>

The tablet is easier right? I can not guarantee cross-browser compatibility, but I liked the opera :)

ZY almost according to the screen)

    Use tables only to present tabular data. For marking it has long been a good practice to use block layout.