SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Zealot
    Join Date
    Dec 2001
    Location
    m
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    can anyone help me with editing this code?

    Here is the code


    Code:
    <HTML>
    <HEAD>
    <TITLE>Ulead SmartSaver Pro</TITLE>
    </HEAD>
    
    <BODY BGCOLOR="#FFFFFF" leftmargin="0" topmargin="0">
    <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=940 HEIGHT=730>
      <TR> 
        <TD ROWSPAN=2 COLSPAN=8 HEIGHT=51> <IMG NAME="pic60" SRC="images/pic6-1x1.gif" WIDTH=272 HEIGHT=51 BORDER=0 ></TD>
        <TD ROWSPAN=2 COLSPAN=3 HEIGHT=51> <IMG NAME="pic61" SRC="images/pic6-1x2.gif" WIDTH=75 HEIGHT=51 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=4 HEIGHT=20> <A HREF="dggdg"> <IMG NAME="pic62" SRC="images/pic6-1x3.gif" WIDTH=102 HEIGHT=20 BORDER=0 ></A></TD>
        <TD ROWSPAN=2 COLSPAN=1 WIDTH=6 HEIGHT=51> <IMG NAME="pic63" SRC="images/pic6-1x4.gif" WIDTH=6 HEIGHT=51 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=4 HEIGHT=20> <A HREF="fgdfg"> <IMG NAME="pic64" SRC="images/pic6-1x5.gif" WIDTH=142 HEIGHT=20 BORDER=0 ></A></TD>
        <TD ROWSPAN=2 COLSPAN=1 WIDTH=6 HEIGHT=51> <IMG NAME="pic65" SRC="images/pic6-1x6.gif" WIDTH=6 HEIGHT=51 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=20> <A HREF="gfdgdg"> <IMG NAME="pic66" SRC="images/pic6-1x7.gif" WIDTH=136 HEIGHT=20 BORDER=0 ></A></TD>
        <TD ROWSPAN=2 COLSPAN=1 WIDTH=4 HEIGHT=51> <IMG NAME="pic67" SRC="images/pic6-1x8.gif" WIDTH=4 HEIGHT=51 BORDER=0 ></TD>
        <TD ROWSPAN=6 COLSPAN=1 WIDTH=47 HEIGHT=91 background="images/pic6-1x9.gif">&nbsp; 
        </TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=20>&nbsp;</TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=4 HEIGHT=31> <A HREF="dggdg"> <IMG NAME="pic69" SRC="images/pic6-2x1.gif" WIDTH=102 HEIGHT=31 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=4 HEIGHT=31> <A HREF="fgdfg"> <IMG NAME="pic610" SRC="images/pic6-2x2.gif" WIDTH=142 HEIGHT=31 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=31> <A HREF="gfdgdg"> <IMG NAME="pic611" SRC="images/pic6-2x3.gif" WIDTH=136 HEIGHT=31 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=31>&nbsp;</TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=25 HEIGHT=4> <IMG NAME="pic612" SRC="images/pic6-3x1.gif" WIDTH=743 HEIGHT=4 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=4><IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=4 BORDER=0></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=2 COLSPAN=3 HEIGHT=24> <IMG NAME="pic613" SRC="images/pic6-4x1.gif" WIDTH=146 HEIGHT=24 BORDER=0 ></TD>
        <TD ROWSPAN=3 COLSPAN=1 WIDTH=10 HEIGHT=36> <IMG NAME="pic614" SRC="images/pic6-4x2.gif" WIDTH=10 HEIGHT=36 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <IMG NAME="pic615" SRC="images/pic6-4x3.gif" WIDTH=44 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=16 HEIGHT=16> <IMG NAME="pic616" SRC="images/pic6-4x4.gif" WIDTH=16 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <A HREF="fdgdd"> <IMG NAME="pic617" SRC="images/pic6-4x5.gif" WIDTH=61 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=17 HEIGHT=16> <IMG NAME="pic618" SRC="images/pic6-4x6.gif" WIDTH=17 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <A HREF="dfffgdf"> <IMG NAME="pic619" SRC="images/pic6-4x7.gif" WIDTH=63 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=16> <IMG NAME="pic620" SRC="images/pic6-4x8.gif" WIDTH=18 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=64 HEIGHT=16> <A HREF="f"> <IMG NAME="pic621" SRC="images/pic6-4x9.gif" WIDTH=64 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <IMG NAME="pic622" SRC="images/pic6-4x10.gif" WIDTH=16 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=58 HEIGHT=16> <A HREF="g"> <IMG NAME="pic623" SRC="images/pic6-4x11.gif" WIDTH=58 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=16> <IMG NAME="pic624" SRC="images/pic6-4x12.gif" WIDTH=18 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=54 HEIGHT=16> <A HREF="f"> <IMG NAME="pic625" SRC="images/pic6-4x13.gif" WIDTH=54 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <IMG NAME="pic626" SRC="images/pic6-4x14.gif" WIDTH=18 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=75 HEIGHT=16> <A HREF="f"> <IMG NAME="pic627" SRC="images/pic6-4x15.gif" WIDTH=75 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=16> <IMG NAME="pic628" SRC="images/pic6-4x16.gif" WIDTH=18 HEIGHT=16 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=16> <A HREF="d"> <IMG NAME="pic629" SRC="images/pic6-4x17.gif" WIDTH=47 HEIGHT=16 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=16><IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=16 BORDER=0></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=2 COLSPAN=21 HEIGHT=20> <IMG NAME="pic630" SRC="images/pic6-5x1.gif" WIDTH=587 HEIGHT=20 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=8><IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=8 BORDER=0></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=2 COLSPAN=3 HEIGHT=114> <IMG NAME="pic631" SRC="images/pic6-6x1.gif" WIDTH=146 HEIGHT=114 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=150 HEIGHT=12><IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=12 BORDER=0></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=2 HEIGHT=102> <A HREF="g"> <IMG NAME="pic632" SRC="images/pic6-7x1.gif" WIDTH=21 HEIGHT=102 BORDER=0 ></A></TD>
        <TD ROWSPAN=12 COLSPAN=22 HEIGHT=639><IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=102 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=17 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=35 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=113 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=15 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=36 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=113 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=15 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=36 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=113 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=15 BORDER=0>
    <IMG SRC="images/ssp-shim.gif" WIDTH=1 HEIGHT=29 BORDER=0>
    </TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=26 HEIGHT=17> <IMG NAME="pic634" SRC="images/pic6-8x1.gif" WIDTH=26 HEIGHT=17 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=89 HEIGHT=17> <IMG NAME="pic635" SRC="images/pic6-8x2.gif" WIDTH=89 HEIGHT=17 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=17> <IMG NAME="pic636" SRC="images/pic6-8x3.gif" WIDTH=52 HEIGHT=17 BORDER=0 ></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=35> <A HREF="fgd"> <IMG NAME="pic637" SRC="images/pic6-9x1.gif" WIDTH=167 HEIGHT=35 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=113> <A HREF="fgd"> <IMG NAME="pic638" SRC="images/pic6-13x1.gif" WIDTH=167 HEIGHT=113 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=26 HEIGHT=15> <IMG NAME="pic639" SRC="images/pic6-11x1.gif" WIDTH=26 HEIGHT=15 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=89 HEIGHT=15> <IMG NAME="pic640" SRC="images/pic6-11x2.gif" WIDTH=89 HEIGHT=15 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=15> <IMG NAME="pic641" SRC="images/pic6-11x3.gif" WIDTH=52 HEIGHT=15 BORDER=0 ></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=36> <A HREF="gdfg"> <IMG NAME="pic642" SRC="images/pic6-12x1.gif" WIDTH=167 HEIGHT=36 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=113> <A HREF="gdfg"> <IMG NAME="pic643" SRC="images/pic6-13x1.gif" WIDTH=167 HEIGHT=113 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=26 HEIGHT=15> <IMG NAME="pic644" SRC="images/pic6-14x1.gif" WIDTH=26 HEIGHT=15 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=89 HEIGHT=15> <IMG NAME="pic645" SRC="images/pic6-11x2.gif" WIDTH=89 HEIGHT=15 BORDER=0 ></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=15> <IMG NAME="pic646" SRC="images/pic6-14x3.gif" WIDTH=52 HEIGHT=15 BORDER=0 ></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=36> <A HREF="gfdgd"> <IMG NAME="pic647" SRC="images/pic6-15x1.gif" WIDTH=167 HEIGHT=36 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=113> <A HREF="gfdgd"> <IMG NAME="pic648" SRC="images/pic6-13x1.gif" WIDTH=167 HEIGHT=113 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=26 HEIGHT=15> <A HREF="gfdgd"> <IMG NAME="pic649" SRC="images/pic6-17x1.gif" WIDTH=26 HEIGHT=15 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=89 HEIGHT=15> <A HREF="gfdgd"> <IMG NAME="pic650" SRC="images/pic6-11x2.gif" WIDTH=89 HEIGHT=15 BORDER=0 ></A></TD>
        <TD ROWSPAN=1 COLSPAN=3 HEIGHT=15> <A HREF="gfdgd"> <IMG NAME="pic651" SRC="images/pic6-17x3.gif" WIDTH=52 HEIGHT=15 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=5 HEIGHT=29> <A HREF="gfdgd"> <IMG NAME="pic652" SRC="images/pic6-18x1.gif" WIDTH=167 HEIGHT=29 BORDER=0 ></A></TD>
      </TR>
      <TR> 
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=26 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=26 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=89 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=89 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=31 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=31 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=10 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=10 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=11 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=11 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=33 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=33 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=16 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=16 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=56 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=56 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=5 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=5 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=17 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=17 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=53 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=53 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=10 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=10 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=18 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=64 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=64 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=10 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=10 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=6 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=6 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=58 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=58 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=18 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=54 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=54 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=12 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=12 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=6 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=6 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=75 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=75 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=18 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=18 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=43 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=43 HEIGHT=1 BORDER=0></TD>
        <TD ROWSPAN=1 COLSPAN=1 WIDTH=4 HEIGHT=1><IMG SRC="images/ssp-shim.gif" WIDTH=4 HEIGHT=1 BORDER=0></TD>
      </TR>
    </TABLE>
    </BODY>
    </HTML>


    I used ulead smart saver pro to slice it, and i don't understand why does it have to create this column at the right end, what i would like to do is to merge those 6 150px width cells, but it messes up all of the page


    thanks!
    Last edited by TheOriginalH; Jul 5, 2002 at 04:28.

  2. #2
    Grumpy Mole Man Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's some of the ugliest HTML I've ever seen!

    I'm not at all sure what you are trying to do, but I would suggest starting from scratch (at least as far as the HTML goes - your graphics are probably fine). The code you have there is virtually unmaintainable, and code that can't be maintained is a liability on the web where sites need to be updated frequently to stay relevant.

  3. #3
    SitePoint Zealot
    Join Date
    Dec 2001
    Location
    m
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)



    well, this template is pretty complicated, so i had to slice it with the ulead slicer, and that's what came out

    it is messy because i have about 16 image links in there


    it won't be hard to maintain, since what needs to be maintained is basically only the big blank cell

  4. #4
    Weird Little Girl Desdelena's Avatar
    Join Date
    May 2002
    Location
    Canada
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Using some program to slice the images is fine but for heavens sake dont use the HTML it regergitates! Write your own. It will make it a million times easier to maintain because you will know where everything is and why along with how to manipluate anything if you need to. Not to mention you can likely do it manually using far less coding.

  5. #5
    SitePoint Zealot
    Join Date
    Dec 2001
    Location
    m
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    but i can't create more then 70 different cells manually.....


    what is colspan and rowspan? why does it effect all of my website when i delete it from one cell?

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by shamrock
    but i can't create more then 70 different cells manually.....

    what is colspan and rowspan? why does it effect all of my website when i delete it from one cell?
    And this is EXACTLY why you need to learn HTML. Would you want to use a mechanic who had to get tools to do his job for him or would you rather use a mechanic that could do it all from memory/experience?

    Head over to www.w3schools.com or www.webmonkey.com and read up on TABLEs. Then come back and look at your code. You'll start to see how HTML interacts with itself.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Good god! I don't think even FP is that bad!

    Colspan indicates a cell that spans more than one column, and Rowspan, surprisingly indicates a cell that spans for than one row.

    But do as Creole says and check out some documentation on HTML. It'd be so much easier, if yuo actually knew what was going on...
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  8. #8
    SitePoint Zealot
    Join Date
    Dec 2001
    Location
    m
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    mmm

    Ok, I got the colspan / rowspan thing, but still, i tried to get rid of the cells i don't need or at least merge them, but it still mess my page up...

    what can i do??

  9. #9
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I would start from scratch. A few glaring issues (notwithstanding positioning and table structure)....

    All tags and attributes should be lower case nowadays (<tr> as opposed to <TR>).

    All attributes should be surrounded by quotes (<td rowspan="2"> rather than <TD ROWSPAN=2>).

    You should include the "alt" attribute for all images, even positioning images.

    That whole page could be coded FAR more efficiently - since we don't have the images do you have a link to an uploaded version?
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  10. #10
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Shamrock,

    I have looked at your code and removed that cell along the end. What I did was reduced the width to 1 and then reduced the overall table width by 150 aswell. Basically when you split it there woudl have been a white part on that side which was incorporated into the design...

    I have seen this kind of code from many image splitters and if you can try and recode it so it makes more sense then I would suggest it - otherwise see how you get on with this modified code.

    You certainly do have any awful lot of images there so watch your download time and also if you can join any of those images to make it an easier layout might be a good idea.

    Good luck with it its certainly a complicated design

    Code:
    <html>
    <head>
    <title>Ulead SmartSaver Pro</title>
    </head>
    
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <table border="0" cellpadding=0 cellspacing=0 width=790 height=730>
      <tr> 
        <td rowspan="2" colspan="8" height="51"> <img name="pic60" src="images/pic6-1x1.gif" width=272 height="51" border="0" ></td>
        <td rowspan="2" colspan=3 height="51"> <img name="pic61" src="images/pic6-1x2.gif" width=75 height="51" border="0" ></td>
        <td colspan="4" height="20"> <a href="dggdg"> <img name="pic62" src="images/pic6-1x3.gif" width=102 height=20 border="0" ></a></td>
        <td rowspan="2" width=6 height="51"> <img name="pic63" src="images/pic6-1x4.gif" width=6 height="51" border="0" ></td>
        <td colspan="4" height="20"> <a href="fgdfg"> <img name="pic64" src="images/pic6-1x5.gif" width=142 height=20 border="0" ></a></td>
        <td rowspan="2" width=6 height="51"> <img name="pic65" src="images/pic6-1x6.gif" width=6 height="51" border="0" ></td>
        <td colspan=3 height=20> <a href="gfdgdg"> <img name="pic66" src="images/pic6-1x7.gif" width=136 height=20 border="0" ></a></td>
        <td rowspan="2" width=4 height="51"> <img name="pic67" src="images/pic6-1x8.gif" width=4 height="51" border="0" ></td>
        <td rowspan=6 width=47 height=91 background="images/pic6-1x9.gif">&nbsp;</td>
        <td  width=1 height=20>&nbsp;</td>
      </tr>
      <tr> 
        <td colspan=4 height=31> <a href="dggdg"> <img name="pic69" src="images/pic6-2x1.gif" width=102 height=31 border="0" ></a></td>
        <td colspan=4 height=31> <a href="fgdfg"> <img name="pic610" src="images/pic6-2x2.gif" width=142 height=31 border="0" ></a></td>
        <td colspan=3 height=31> <a href="gfdgdg"> <img name="pic611" src="images/pic6-2x3.gif" width=136 height=31 border="0" ></a></td>
        <td  width=1 height=31> &nbsp;</td>
      </tr>
      <tr> 
        <td colspan=25 height=4> <img name="pic612" src="images/pic6-3x1.gif" width=743 height=4 border="0" ></td>
        <td  width=1 height=4><img src="images/ssp-shim.gif" width=1 height=4 border="0"></td>
      </tr>
      <tr> 
        <td rowspan="2" colspan=3 height=24> <img name="pic613" src="images/pic6-4x1.gif" width=146 height=24 border="0" ></td>
        <td rowspan=3 width=10 height=36> <img name="pic614" src="images/pic6-4x2.gif" width=10 height=36 border="0" ></td>
        <td colspan=2 height=16> <img name="pic615" src="images/pic6-4x3.gif" width=44 height=16 border="0" ></td>
        <td  width=16 height=16> <img name="pic616" src="images/pic6-4x4.gif" width=16 height=16 border="0" ></td>
        <td colspan=2 height=16> <a href="fdgdd"> <img name="pic617" src="images/pic6-4x5.gif" width=61 height=16 border="0" ></a></td>
        <td  width=17 height=16> <img name="pic618" src="images/pic6-4x6.gif" width=17 height=16 border="0" ></td>
        <td colspan=2 height=16> <a href="dfffgdf"> <img name="pic619" src="images/pic6-4x7.gif" width=63 height=16 border="0" ></a></td>
        <td  width=18 height=16> <img name="pic620" src="images/pic6-4x8.gif" width=18 height=16 border="0" ></td>
        <td  width=64 height=16> <a href="f"> <img name="pic621" src="images/pic6-4x9.gif" width=64 height=16 border="0" ></a></td>
        <td colspan=2 height=16> <img name="pic622" src="images/pic6-4x10.gif" width=16 height=16 border="0" ></td>
        <td  width=58 height=16> <a href="g"> <img name="pic623" src="images/pic6-4x11.gif" width=58 height=16 border="0" ></a></td>
        <td  width=18 height=16> <img name="pic624" src="images/pic6-4x12.gif" width=18 height=16 border="0" ></td>
        <td  width=54 height=16> <a href="f"> <img name="pic625" src="images/pic6-4x13.gif" width=54 height=16 border="0" ></a></td>
        <td colspan=2 height=16> <img name="pic626" src="images/pic6-4x14.gif" width=18 height=16 border="0" ></td>
        <td  width=75 height=16> <a href="f"> <img name="pic627" src="images/pic6-4x15.gif" width=75 height=16 border="0" ></a></td>
        <td  width=18 height=16> <img name="pic628" src="images/pic6-4x16.gif" width=18 height=16 border="0" ></td>
        <td colspan=2 height=16> <a href="d"> <img name="pic629" src="images/pic6-4x17.gif" width=47 height=16 border="0" ></a></td>
        <td  width=1 height=16><img src="images/ssp-shim.gif" width=1 height=16 border="0"></td>
      </tr>
      <tr> 
        <td rowspan="2" colspan=21 height=20> <img name="pic630" src="images/pic6-5x1.gif" width=587 height=20 border="0" ></td>
        <td  width=1 height=8><img src="images/ssp-shim.gif" width=1 height=8 border="0"></td>
      </tr>
      <tr> 
        <td rowspan="2" colspan=3 height=114> <img name="pic631" src="images/pic6-6x1.gif" width=146 height=114 border="0" ></td>
        <td  width=1 height=12><img src="images/ssp-shim.gif" width=1 height=12 border="0"></td>
      </tr>
      <tr> 
        <td colspan=2 height=102> <a href="g"> <img name="pic632" src="images/pic6-7x1.gif" width=21 height=102 border="0" ></a></td>
        <td rowspan=12 colspan=22 height=639 valign="top">MAIN TEXT AREA HERE</td>
      </tr>
      <tr> 
        <td  width=26 height=17> <img name="pic634" src="images/pic6-8x1.gif" width=26 height=17 border="0" ></td>
        <td  width=89 height=17> <img name="pic635" src="images/pic6-8x2.gif" width=89 height=17 border="0" ></td>
        <td colspan=3 height=17> <img name="pic636" src="images/pic6-8x3.gif" width=52 height=17 border="0" ></td>
      </tr>
      <tr> 
        <td colspan=5 height=35> <a href="fgd"> <img name="pic637" src="images/pic6-9x1.gif" width=167 height=35 border="0" ></a></td>
      </tr>
      <tr> 
        <td colspan=5 height=113> <a href="fgd"> <img name="pic638" src="images/pic6-13x1.gif" width=167 height=113 border="0" ></a></td>
      </tr>
      <tr> 
        <td  width=26 height=15> <img name="pic639" src="images/pic6-11x1.gif" width=26 height=15 border="0" ></td>
        <td  width=89 height=15> <img name="pic640" src="images/pic6-11x2.gif" width=89 height=15 border="0" ></td>
        <td colspan=3 height=15> <img name="pic641" src="images/pic6-11x3.gif" width=52 height=15 border="0" ></td>
      </tr>
      <tr> 
        <td colspan=5 height=36> <a href="gdfg"> <img name="pic642" src="images/pic6-12x1.gif" width=167 height=36 border="0" ></a></td>
      </tr>
      <tr> 
        <td colspan=5 height=113> <a href="gdfg"> <img name="pic643" src="images/pic6-13x1.gif" width=167 height=113 border="0" ></a></td>
      </tr>
      <tr> 
        <td  width=26 height=15> <img name="pic644" src="images/pic6-14x1.gif" width=26 height=15 border="0" ></td>
        <td  width=89 height=15> <img name="pic645" src="images/pic6-11x2.gif" width=89 height=15 border="0" ></td>
        <td colspan=3 height=15> <img name="pic646" src="images/pic6-14x3.gif" width=52 height=15 border="0" ></td>
      </tr>
      <tr> 
        <td colspan=5 height=36> <a href="gfdgd"> <img name="pic647" src="images/pic6-15x1.gif" width=167 height=36 border="0" ></a></td>
      </tr>
      <tr> 
        <td colspan=5 height=113> <a href="gfdgd"> <img name="pic648" src="images/pic6-13x1.gif" width=167 height=113 border="0" ></a></td>
      </tr>
      <tr> 
        <td  width=26 height=15> <a href="gfdgd"> <img name="pic649" src="images/pic6-17x1.gif" width=26 height=15 border="0" ></a></td>
        <td  width=89 height=15> <a href="gfdgd"> <img name="pic650" src="images/pic6-11x2.gif" width=89 height=15 border="0" ></a></td>
        <td colspan=3 height=15> <a href="gfdgd"> <img name="pic651" src="images/pic6-17x3.gif" width=52 height=15 border="0" ></a></td>
      </tr>
      <tr> 
        <td colspan=5 height=29> <a href="gfdgd"> <img name="pic652" src="images/pic6-18x1.gif" width=167 height=29 border="0" ></a></td>
      </tr>
      <tr> 
        <td  width=26 ><img src="images/ssp-shim.gif" width=26 height="1" border="0"></td>
        <td  width=89><img src="images/ssp-shim.gif" width=89 height="1" border="0"></td>
        <td  width=31><img src="images/ssp-shim.gif" width=31 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=11><img src="images/ssp-shim.gif" width=11 height="1" border="0"></td>
        <td  width=33><img src="images/ssp-shim.gif" width=33 height="1" border="0"></td>
        <td  width=16><img src="images/ssp-shim.gif" width=16 height="1" border="0"></td>
        <td  width=56><img src="images/ssp-shim.gif" width=56 height="1" border="0"></td>
        <td  width=5><img src="images/ssp-shim.gif" width=5 height="1" border="0"></td>
        <td  width=17><img src="images/ssp-shim.gif" width=17 height="1" border="0"></td>
        <td  width=53><img src="images/ssp-shim.gif" width=53 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=64><img src="images/ssp-shim.gif" width=64 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=6><img src="images/ssp-shim.gif" width=6 height="1" border="0"></td>
        <td  width=58><img src="images/ssp-shim.gif" width=58 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=54><img src="images/ssp-shim.gif" width=54 height="1" border="0"></td>
        <td  width=12><img src="images/ssp-shim.gif" width=12 height="1" border="0"></td>
        <td  width=6><img src="images/ssp-shim.gif" width=6 height="1" border="0"></td>
        <td  width=75><img src="images/ssp-shim.gif" width=75 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=43><img src="images/ssp-shim.gif" width=43 height="1" border="0"></td>
        <td  width=4><img src="images/ssp-shim.gif" width=4 height="1" border="0"></td>
      </tr>
    </table>
    </body>
    </html>
    Sarah
    Regular user

  11. #11
    SitePoint Evangelist compwizard's Avatar
    Join Date
    May 2002
    Location
    United States
    Posts
    457
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    instead of using a cell for every single picture, just use a couple of big cells and put a bunch of pictures inside the one cell. Use Cascading Style Sheets to help with alignment if you need.

    If you post a working version up, i may be able to help

  12. #12
    SitePoint Zealot
    Join Date
    Dec 2001
    Location
    m
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Sarah, but i actually increased the width and the height of these cells so you would notice it better when you view it,

    but I don't understand why these programs have to create this 1 pixel white image, and why when i want to only delete the image, and not change the cell itself, it also messes up the page


    I didn't really also understand what you did with the code at the bottom:

    Code:
      <tr> 
        <td  width=26 ><img src="images/ssp-shim.gif" width=26 height="1" border="0"></td>
        <td  width=89><img src="images/ssp-shim.gif" width=89 height="1" border="0"></td>
        <td  width=31><img src="images/ssp-shim.gif" width=31 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=11><img src="images/ssp-shim.gif" width=11 height="1" border="0"></td>
        <td  width=33><img src="images/ssp-shim.gif" width=33 height="1" border="0"></td>
        <td  width=16><img src="images/ssp-shim.gif" width=16 height="1" border="0"></td>
        <td  width=56><img src="images/ssp-shim.gif" width=56 height="1" border="0"></td>
        <td  width=5><img src="images/ssp-shim.gif" width=5 height="1" border="0"></td>
        <td  width=17><img src="images/ssp-shim.gif" width=17 height="1" border="0"></td>
        <td  width=53><img src="images/ssp-shim.gif" width=53 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=64><img src="images/ssp-shim.gif" width=64 height="1" border="0"></td>
        <td  width=10><img src="images/ssp-shim.gif" width=10 height="1" border="0"></td>
        <td  width=6><img src="images/ssp-shim.gif" width=6 height="1" border="0"></td>
        <td  width=58><img src="images/ssp-shim.gif" width=58 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=54><img src="images/ssp-shim.gif" width=54 height="1" border="0"></td>
        <td  width=12><img src="images/ssp-shim.gif" width=12 height="1" border="0"></td>
        <td  width=6><img src="images/ssp-shim.gif" width=6 height="1" border="0"></td>
        <td  width=75><img src="images/ssp-shim.gif" width=75 height="1" border="0"></td>
        <td  width=18><img src="images/ssp-shim.gif" width=18 height="1" border="0"></td>
        <td  width=43><img src="images/ssp-shim.gif" width=43 height="1" border="0"></td>
        <td  width=4><img src="images/ssp-shim.gif" width=4 height="1" border="0"></td>
      </tr>


    and i still don't understand why can't i delete this whole row? and how to merge these 5 cells at the top right end into one cell? i would like that cell to have a background image, that is the size of the 5 cells merged, and continue the background with 100% in width...


    I still don't know about posting the whole page...

    Thanks!


Bookmarks

Posting Permissions

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