Web Tutorials

</>   HTML Tutorial

HTML Forms

Tables

Form Practicals

Practicals

HTML

Hypertext Markup Language

Vaikuntapali Practical

Source Code HTML + CSS

Click for download images Images Zip

  • <html>
    • <head>
    • <title>Vaikuntapali using Pure CSS and HTML</title>
    • <style typ ="text/css">
    • .vaikuntapali.table
    • {
      • background-image : url("img/vaikuntapali/vaikuntapali.jpg");
      • background-repeat : no-repeat;
      • background-size : 100% 100%;
      • width : 507px !important;
      • margin : 0 auto;
      • height : 400px;
    • }
    • .vaikuntapali .positions
    • {
      • width : 100%;
      • height : 100%;
      • position : relative;
      •
    • }
    • .vaikuntapali .positions .lader
    • {
      • position : absolute;
      • left : 10px;
      • top : 30px;
      •
    • }
    • .vaikuntapali .positions .snake
    • {
      • position : absolute;
      • margin : 0 auto;
      • width : 110px;
      • left : 20px;
      • right : 0px;
      • top : 40px;
      •
    • }
    • .vaikuntapali .positions .lader1
    • {
      • position : absolute;
      • right : 0px;
      • top : 80px;
      •
    • }
    • </style>
    • </head>
  • <body>
    • <table class="vaikuntapali table" border="1">
      • <tbody>
      • <tr>
        • <td>
          • <div class="positions">
          • <div class ="lader" >
          • <img src="img/vaikuntapali/lader.png" />
          • </div>
          • <div class="snake">
          • <img src="img/vaikuntapali/snake.png" />
          • </div>
          • <div class="lader1">
          • <img src="img/vaikuntapali/lader1.png" />
          • </div>
          • </div>
        • </td>
          •
      • </tr>
      • </tbody>
    • </table>
  • </body>
  • </html>