Results 1 to 8 of 8

Thread: How to use div concept?

  1. #1
    Join Date
    Feb 2011
    Location
    Chennai
    Posts
    1
    Rep Power
    0

    How to use div concept?

    hi chums,
    this is karthikeyan. i am developing a new website for a manufacturing company called paper cups making machines in html & css. For site alignment i have been using table tags, now i want to use div concept. i dont have any idea about div. can anyone help me

    papercupsmakingmachines.in

  2. #2
    Join Date
    Feb 2011
    Location
    Chennai
    Posts
    2
    Rep Power
    0
    hi karthikeyan. i am also having the same problem for my coffee vending machine. if u get any guidance means kindly give a comment

    indiancoffeecompany.in

  3. #3
    Join Date
    Feb 2011
    Location
    Chennai
    Posts
    2
    Rep Power
    0

    How to use div concept?

    hi karthikeyan. i am also having the same problem for my coffee vending machine. if u get any guidance means kindly give a comment

    indiancoffeecompany.in

  4. #4
    Join Date
    Mar 2008
    Location
    Server
    Posts
    7
    Rep Power
    0
    Try div generators to get a head start

  5. #5
    Join Date
    Nov 2008
    Location
    KB
    Posts
    16
    Rep Power
    0
    div is juz like table, trying using float attribute. it much simple than using table when u get use to it

  6. #6
    Join Date
    Jun 2011
    Location
    kuching
    Posts
    12
    Rep Power
    0
    div is tag for area in a html document, you need to utilize css to position & stylize the div to make it behave like table
    some css hint:
    - set fixed width (width: 200px etc.)
    - set float (float: left)
    - set padding & margin (padding: 5px; margin-right: 10px)
    - set clear float when u want div in previous row to fill up the space when u got div in new row (clear: both)

  7. #7
    Join Date
    Jun 2011
    Location
    kuching
    Posts
    12
    Rep Power
    0
    div is tag for area in a html document, you need to utilize css to position & stylize the div to make it behave like table
    some css hint:
    - set fixed width (width: 200px etc.)
    - set float (float: left)
    - set padding & margin (padding: 5px; margin-right: 10px)
    - set clear float when u want div in previous row to fill up the space when u got div in new row (clear: both)

  8. #8
    Join Date
    Apr 2019
    Location
    Ahmedabad
    Posts
    24
    Rep Power
    0
    You can go through this code, where table tag has been replaced by div tag
    Code having table tag:
    Code:
    <h2>Phone numbers</h2>
    <table width="300" border="1" cellpadding="5" style="text-align: center">
    <tr>
    <th width="75"><strong>Name</strong></th>
    <th><span style="font-weight: bold;">Telephone</span></th>
    <th>&nbsp;</th>
    </tr>
    <tr>
    <td>John</td>
    <td><a href="tel:0123456785">0123 456 785</a></td>
    <td><img src="images/check.gif" alt="checked" /></td>
    </tr>
    <tr>
    <td>Cassie</td>
    <td><a href="tel:9876532432">9876 532 432</a></td>
    <td><img src="images/check.gif" alt="checked" /></td>
    </tr>
    </table>
    Code having div tag:
    Code:
    <h2>Phone numbers</h2>
    <div class="rTable">
    <div class="rTableRow">
    <div class="rTableHead"><strong>Name</strong></div>
    <div class="rTableHead"><span style="font-weight: bold;">Telephone</span></div>
    <div class="rTableHead">&nbsp;</div>
    </div>
    <div class="rTableRow">
    <div class="rTableCell">John</div>
    <div class="rTableCell"><a href="tel:0123456785">0123 456 785</a></div>
    <div class="rTableCell"><img src="images/check.gif" alt="checked" /></div>
    </div>
    <div class="rTableRow">
    <div class="rTableCell">Cassie</div>
    <div class="rTableCell"><a href="tel:9876532432">9876 532 432</a></div>
    <div class="rTableCell"><img src="images/check.gif" alt="checked" /></div>
    </div>
    </div>
    For better understanding of div Tag refer this links::
    (1) https://www.w3schools.com/tags/tag_div.asp
    (2) https://www.geeksforgeeks.org/div-tag-html/
    (3) https://www.tutorialspoint.com/html/html_div_tag.htm

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. E-Commerce: Dropship concept
    By shopbegins in forum E-Commerce
    Replies: 8
    Last Post: 03-08-2009, 11:57 PM
  2. WorthMart__the NEW concept of chain stores
    By merv's network in forum Member Introductions
    Replies: 1
    Last Post: 14-09-2007, 10:00 PM
  3. Concept check... what do you think?
    By vincevincevince in forum Websites Review and Suggestion
    Replies: 2
    Last Post: 22-01-2007, 03:38 PM
  4. eXcaDARK system v.10 ē Concept art site
    By snecx in forum Websites Review and Suggestion
    Replies: 5
    Last Post: 17-09-2002, 05:05 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search Engine Optimization by vBSEO 3.5.0 RC1 PL1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112