Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. ASP.NET
  4. Using Div and Span tags instead of a table layout

Using Div and Span tags instead of a table layout

Scheduled Pinned Locked Moved ASP.NET
css
2 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    Tina P
    wrote on last edited by
    #1

    Hello folks, I was using a table layout to display controls on my page in such a way that the page will be divided into four sections as shown below:

    table
    tr

    td 1 /td
    td 2 /td

    /tr/
    tr

    td 3 /td
    td 4 /td

    /tr

    table

    and another row and column etc. For some reason, I'm running into issues with formatting and apparently there's a lot of space between every row (note that I'm not setting any explicit properties on tr elements) Anyways, i wanna remove this table layout and use div and span elements instead. The scenario is that I have a few controls (such as buttons, labels etc) that are encapsulated in a panel. I have another set of controls (labels, buttons, grid view etc) that are also encapsulated in a panel. I want these two panels side by side. So I'm putting both of these in a div and setting the display property to inline. This doesn't put the second panel to the right of the first panel. Can someone please show me what other properties that needs to be set to accopmplish such behavior. Tina

    C 1 Reply Last reply
    0
    • T Tina P

      Hello folks, I was using a table layout to display controls on my page in such a way that the page will be divided into four sections as shown below:

      table
      tr

      td 1 /td
      td 2 /td

      /tr/
      tr

      td 3 /td
      td 4 /td

      /tr

      table

      and another row and column etc. For some reason, I'm running into issues with formatting and apparently there's a lot of space between every row (note that I'm not setting any explicit properties on tr elements) Anyways, i wanna remove this table layout and use div and span elements instead. The scenario is that I have a few controls (such as buttons, labels etc) that are encapsulated in a panel. I have another set of controls (labels, buttons, grid view etc) that are also encapsulated in a panel. I want these two panels side by side. So I'm putting both of these in a div and setting the display property to inline. This doesn't put the second panel to the right of the first panel. Can someone please show me what other properties that needs to be set to accopmplish such behavior. Tina

      C Offline
      C Offline
      Caio Kinzel Filho
      wrote on last edited by
      #2

      I'm no expert with layout design, but why dont you put two divs with float left and float right?

      Intelligence is almost useless for those who have nothing else! Email: caiokf@gmail.com

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • World
      • Users
      • Groups