Web Analytics Made Easy -
StatCounter Tableless Implementation of A List of ... - CodingForum

Announcement

Collapse
No announcement yet.

Tableless Implementation of A List of ...

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Tableless Implementation of A List of ...

    I would like to implement a list of blockes. The block is formed by two rows: the first row is a single line with two columns and the second rows can have one to several lines with only one column.

    Any implementation suggestions or reference sources of such implemention?

    Thanks for your inputs.
    vicina.info - Selected News Feed and More

  • #2
    Here is a css table I made without using the table tag. Look at it and see if you can make it work for you use.

    http://dwight.tendirect.com/colorsafe.htm
    Master Newbie http://dwightstegall.com/

    Comment


    • #3
      Originally posted by oldcrazylegs
      Here is a css table I made without using the table tag. Look at it and see if you can make it work for you use.

      http://dwight.tendirect.com/colorsafe.htm
      And that is not semantic one bit. =) It is a color TABLE, so why not use a <table> tag?

      Back to the question:
      And for what you want to do, could I see an example? I'm a little confused by what you want.

      Comment


      • #4
        Originally posted by oldcrazylegs
        Here is a css table I made without using the table tag. Look at it and see if you can make it work for you use.

        http://dwight.tendirect.com/colorsafe.htm
        Thanks. That is the sort of ideal I am looking for.

        BTW, your tableless table floats to the left on FireFox while it is in the page center on IE.

        (I was unable to access to this forum in the past few days. Sorry for this late reply.)
        vicina.info - Selected News Feed and More

        Comment


        • #5
          What type of layout is this for? Are you going to be displaying data or is this for like a photo gallery or something?
          ||||If you are getting paid to do a job, don't ask for help on it!||||

          Comment


          • #6
            Originally posted by Kurashu
            And that is not semantic one bit. =) It is a color TABLE, so why not use a <table> tag?

            Back to the question:
            And for what you want to do, could I see an example? I'm a little confused by what you want.
            The table implement is the following:

            Code:
            <TABLE WIDTH=100% BORDER=1 CELLPADDING=4 CELLSPACING=3 STYLE="page-break-before: always">
            		<TR>
            			<TD WIDTH=100% VALIGN=TOP>
            <TABLE WIDTH=100% BORDER=1 CELLPADDING=4 CELLSPACING=3>
            		<TR VALIGN=TOP>
            			<TD WIDTH=50%>
            				Title
            			</TH>
            			<TD WIDTH=50%>
            				Date
            			</TD>
            		</TR>
            		<TR>
            			<TD COLSPAN=2 WIDTH=100% VALIGN=TOP>
            				Content
            			</TD>
            		</TR>
            </TABLE>		
            	</TD>
            		</TR>
            		<TR>
            			<TD WIDTH=100% VALIGN=TOP>
            <TABLE WIDTH=100% BORDER=1 CELLPADDING=4 CELLSPACING=3>
            		<TR VALIGN=TOP>
            			<TD WIDTH=50%>
            				Title
            			</Td>
            			<TD WIDTH=50%>
            				Date
            			</TD>
            		</TR>
            		<TR>
            			<TD COLSPAN=2 WIDTH=100% VALIGN=TOP>
            				Content
            			</TD>
            		</TR>
            </TABLE>			
              </TD>
            		</TR>
            		<TR>
            			<TD WIDTH=100% VALIGN=TOP>
            <TABLE WIDTH=100% BORDER=1 CELLPADDING=4 CELLSPACING=3>
            		<TR VALIGN=TOP>
            			<TD WIDTH=50%>
            				Title
            			</TD>
            			<TD WIDTH=50%>
            				Date
            			</TD>
            		</TR>
            		<TR>
            			<TD COLSPAN=2 WIDTH=100% VALIGN=TOP>
            				Content
            			</TD>
            		</TR>
            </TABLE>		
            	</TD>
            		</TR>
            </TABLE>
            In regarding of the reason of using a tableless implemention over a table implementation, I got brain-washed to use tableless implementation. I don't know you, when I started learning CSS, I got a single overwhelming message: table is bad, evil.

            That is the reason I am looking for a tableless implemention of a list of something. So, is an elegant CSS implemention of a list of block?
            vicina.info - Selected News Feed and More

            Comment


            • #7
              Here we go again. Tables aren't bad if you are displaying data. Its what they were meant for! A thread just got locked because of a similar debate.
              ||||If you are getting paid to do a job, don't ask for help on it!||||

              Comment


              • #8
                Originally posted by _Aerospace_Eng_
                Here we go again. Tables aren't bad if you are displaying data. Its what they were meant for! A thread just got locked because of a similar debate.
                Fair enough. I will implement it with a list of tables then. But, an online article I read says that the download time of a tableless page is faster than one with tables. I guess that I shalln't concern the speed at this point.

                Thanks all for your inputs.

                v.
                vicina.info - Selected News Feed and More

                Comment


                • #9
                  But, an online article I read says that the download time of a tableless page is faster than one with tables. I guess that I shalln't concern the speed at this point.
                  Only really when a table layout for a whole page is used. When CSS is used, the file is cached.
                  markaylward.co.uk

                  Comment


                  • #10
                    I just have a look at the definition list at http://www.maxdesign.com.au/presenta...e-display2.htm. It seems to be something I can use.
                    vicina.info - Selected News Feed and More

                    Comment

                    Working...
                    X