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. HTML Table Issue in ASP.Net Web app

HTML Table Issue in ASP.Net Web app

Scheduled Pinned Locked Moved ASP.NET
csharphtmlasp-netdesignhelp
3 Posts 3 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.
  • H Offline
    H Offline
    Harvey Saayman
    wrote on last edited by
    #1

    Hey guys I'm busy developing a website and ive hit a bit of a snag... again! I've decided to put the content of my site in a table(the borders will be invisible or "0" after i get this to work right). Ive mocked up the table in a plain HTML file, here is the code for that.

    Tool Bar

    Rooms 4 Rent Logo

    Add Space

    Tabs

    Search

    Content

    Add Space

    Link Bar

    And heres a screen shot of the result http://www.r4r.co.za/images/TableLayout.JPG So i took this design and put it in my ASP.net solutions master page. And added the content in the correct cell's Here is the code

    Tool Bar

    Add Space

    J J 2 Replies Last reply
    0
    • H Harvey Saayman

      Hey guys I'm busy developing a website and ive hit a bit of a snag... again! I've decided to put the content of my site in a table(the borders will be invisible or "0" after i get this to work right). Ive mocked up the table in a plain HTML file, here is the code for that.

      Tool Bar

      Rooms 4 Rent Logo

      Add Space

      Tabs

      Search

      Content

      Add Space

      Link Bar

      And heres a screen shot of the result http://www.r4r.co.za/images/TableLayout.JPG So i took this design and put it in my ASP.net solutions master page. And added the content in the correct cell's Here is the code

      Tool Bar

      Add Space

      J Offline
      J Offline
      Jitendra R Wadhwani
      wrote on last edited by
      #2

      hi, following will help you out, in order of its importance. 1.) quickest -- Tablecell has a "wrap" property. Set it to true. This will wrap the contents inside it and the width will not increase. 2.) right from the first TableRow's Table cell apply the width is "%" only rather than "pixels". This makes sure you have very dynamic layout rather than a stringent one. Also, please make a note that, HTML will surely have some limitations when it comes to displaying a particularly very large picture with any of the properties set. 3.) toughest -- alternative of all will be to check in your code whats the approximate size of your pic and if that size is considerably large, you will have to convert that pic in some other format with little loss of color and sharpness and include it accordingly in your TableCell for your application.

      PLEASE DO NOT FORGET TO MARK AS ANSWER IF FOUND USEFUL/RELEVANT, SO THAT OTHERS CAN FIND IT EASILY. Software Developer, Pune, India

      1 Reply Last reply
      0
      • H Harvey Saayman

        Hey guys I'm busy developing a website and ive hit a bit of a snag... again! I've decided to put the content of my site in a table(the borders will be invisible or "0" after i get this to work right). Ive mocked up the table in a plain HTML file, here is the code for that.

        Tool Bar

        Rooms 4 Rent Logo

        Add Space

        Tabs

        Search

        Content

        Add Space

        Link Bar

        And heres a screen shot of the result http://www.r4r.co.za/images/TableLayout.JPG So i took this design and put it in my ASP.net solutions master page. And added the content in the correct cell's Here is the code

        Tool Bar

        Add Space

        J Offline
        J Offline
        Jerry Wang
        wrote on last edited by
        #3

        Add the CSS style to your table. style="table-layout:fixed; width:XXXpx"

        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