Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9

Thread: colspan

  1. #1
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times
    hey there,
    well ok i sliced my layout drawing on image ready and im now coding it myself. Reason being if i dont do this i will never realise how colspan works or even rowspan.

    i've made 3 rows
    row 1 has 3 colums
    row 2 has 5 colums
    and row 3 has 10 colums...

    and well they span across each other because i've split my image up which is going to be the background for these cells.

    i'd just like to know what i've done wrong and can some1 show me how to correctly work out how many colums each cell spans.
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  2.  

  3. #2
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times
    here's part 2 to the zipped and u will need to have all the files in the same folder and then u shud see wot i've done
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  4. #3
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times
    here's how i calculated the colspan on a lil diagram
    Attached Images Attached Images
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  5. #4
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    You're going to have to use the <col> tag for this one... something like this:
    Code:
    <table width="800">
        <col width="40">
        <col width="80">
        <col width="60">
        <col width="100">
        <col width="50">
        <col width="70">
        <col width="50">
        <col width="70">
        <col width="120">
        <col width="80">
        <tr>
            <td><img></td>
    ...
        </tr>
    </table>
    EDIT: make a <col> for EACH vertical division... specifically, you'll need two vertical divisions where 7 and 8 split 15.. otherwise you'll confuse the browser.

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Also, where 10 / 11 meet 20 / 21, you'll need 3 vertical divisions.

  7. #6
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    And 4 an 5 will add vertical divisions, too... just draw vertical divisions (cols) wherever you see a vertical line in the slices.

  8. #7
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times
    wot is a col ?
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  9. #8
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times
    insted of messin about wiv col and colspan.. i'm doing this

    1) big table
    2)on each new row i'll make a new table for that row so that each colum has its own properties.
    3) it works lol
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  10. #9
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    that'll work too.

    a col just defines each of the columns in the table before you create your rows.

    td's are not columns... they are table divisions (cells), which can span one or multiple columns.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:51 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com