6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

What is The HTML Code

by adrianeds
5 replies
  • WEB DESIGN
    • |
What is the html code to make horizontal boxes i need to make some boxes go from left to right but all i can find is on top of each other, you can see example here <a href="http://www.carinsurancequotesinformation.com&quot;>car insurance quotes</a> where the boxes are next to each other, and will this affect the page width on my site.
Someone told me use DIV tags but how do i put this in HTML code?.
#code #create #html
  • Profile picture of the author DJL
    That is done with a table.
    If you View Source in your browser, you will see exactly how it is done.
    Signature

    None are more hopelessly enslaved than those who falsely believe they are free.
    --Johann Wolfgang von Goethe, Elective Affinities (1809)

    {{ DiscussionBoard.errors[7359822].message }}
    • Profile picture of the author ronc0011
      Divs are the best method of page layout and organization and Tables are not. If your objective is to organize and layout your page then you really should use divs.
      Some things you should Google, CSS div, CSS position, CSS float, CSS margin, CSS padding, CSS width, height.
      {{ DiscussionBoard.errors[7360916].message }}
      • Profile picture of the author rdeck
        Originally Posted by ronc0011 View Post

        Divs are the best method of page layout and organization and Tables are not. If your objective is to organize and layout your page then you really should use divs.
        Some things you should Google, CSS div, CSS position, CSS float, CSS margin, CSS padding, CSS width, height.
        Yep, as well as visit some online html generator which helping you visually

        HTML Text Box Generator

        http://mashable.com/2007/11/18/10-template-generators/
        {{ DiscussionBoard.errors[7363192].message }}
        • Profile picture of the author ccole
          You can check this website as well:

          CSS Styling Tables

          I have been using this website if I have questions regarding HTML codes, CSS and a lot more.

          Hope this helps.

          -Christian
          Signature

          Struggling or behind on your mortgage? Looking for loan modification solutions to reduce your payment? REST Report shows you if you qualify!

          {{ DiscussionBoard.errors[7363504].message }}
  • Profile picture of the author Wags
    you could use something like this in your css:

    .image1 {
    background-image: url('images/1stimage.jpg') no-repeat;
    width: 200px;
    height: 148px;
    position: absolute;
    top: 100px;
    right: 15px;
    }

    .image2 {
    background-image: url('images/2ndimage.jpg') no-repeat;
    width: 200px;
    height: 148px;
    position: absolute;
    top: 100px;
    right: 230px;
    }

    and so on, of course change top and right postitions and width and height for your image sizes, there are other ways but this would be your easiest option
    {{ DiscussionBoard.errors[7373317].message }}

Trending Topics