Table size incorrect when 'linked to' but not when navigated to using 'Forward'

Discussion in 'HTML' started by Carl Gilbert, May 20, 2004.

  1. Carl Gilbert

    Carl Gilbert Guest

    Hi

    I am currently writing a site that utilises tables. I have one page
    that links to a second page.

    The only problem is that when I link to the second page, the table
    loads up with a different height than was set in the code.
    However, when I use the navigation buttons in IE to go back and then
    forward again to the second page, the table is displayed as expected.

    Has anyone ever come accross this problem and does anyone know of a
    solution?


    Aditional information. The pages include numerous tables, some within
    other tables and some tables within rows or cells.

    I would have published the site but the pages include ASP code and I
    do not as yet have an ASP host.
    If anyone feels that seeing the pages would be beneficial then I can
    either publish tham as pure HTML or post the asp pages.

    Note: Tested in Internet Explorer v6, written in VS.NET.

    Kind regards, Carl
    Carl Gilbert, May 20, 2004
    #1
    1. Advertising

  2. Sounds like an HTML problem, not an ASP one...

    --
    Aaron Bertrand
    SQL Server MVP
    http://www.aspfaq.com/




    "Carl Gilbert" <> wrote in message
    news:...
    > Hi
    >
    > I am currently writing a site that utilises tables. I have one page
    > that links to a second page.
    >
    > The only problem is that when I link to the second page, the table
    > loads up with a different height than was set in the code.
    > However, when I use the navigation buttons in IE to go back and then
    > forward again to the second page, the table is displayed as expected.
    >
    > Has anyone ever come accross this problem and does anyone know of a
    > solution?
    >
    >
    > Aditional information. The pages include numerous tables, some within
    > other tables and some tables within rows or cells.
    >
    > I would have published the site but the pages include ASP code and I
    > do not as yet have an ASP host.
    > If anyone feels that seeing the pages would be beneficial then I can
    > either publish tham as pure HTML or post the asp pages.
    >
    > Note: Tested in Internet Explorer v6, written in VS.NET.
    >
    > Kind regards, Carl
    Aaron Bertrand - MVP, May 20, 2004
    #2
    1. Advertising

  3. Carl Gilbert

    Carl Gilbert Guest

    Go to http://homepage.ntlworld.com/carl_gilbert/page1.html and you should be
    able to see the difference when you link to page 2 and when you use IE to
    move to the next page.


    "Tom Blantern" <> wrote in message
    news:40acfc83$...
    > What's URL to your site.
    >
    > "Aaron Bertrand - MVP" <> wrote in message
    > news:...
    > > Sounds like an HTML problem, not an ASP one...
    > >
    > > --
    > > Aaron Bertrand
    > > SQL Server MVP
    > > http://www.aspfaq.com/
    > >
    > >
    > >
    > >
    > > "Carl Gilbert" <> wrote in message
    > > news:...
    > > > Hi
    > > >
    > > > I am currently writing a site that utilises tables. I have one page
    > > > that links to a second page.
    > > >
    > > > The only problem is that when I link to the second page, the table
    > > > loads up with a different height than was set in the code.
    > > > However, when I use the navigation buttons in IE to go back and then
    > > > forward again to the second page, the table is displayed as expected.
    > > >
    > > > Has anyone ever come accross this problem and does anyone know of a
    > > > solution?
    > > >
    > > >
    > > > Aditional information. The pages include numerous tables, some within
    > > > other tables and some tables within rows or cells.
    > > >
    > > > I would have published the site but the pages include ASP code and I
    > > > do not as yet have an ASP host.
    > > > If anyone feels that seeing the pages would be beneficial then I can
    > > > either publish tham as pure HTML or post the asp pages.
    > > >
    > > > Note: Tested in Internet Explorer v6, written in VS.NET.
    > > >
    > > > Kind regards, Carl

    > >
    > >

    >
    >
    Carl Gilbert, May 20, 2004
    #3
  4. Edwin van der Vaart, May 20, 2004
    #4
  5. Carl Gilbert

    Carl Gilbert Guest

    Have updated the pages but had no affect.


    "Edwin van der Vaart" <> wrote in message
    news:ka8rc.308$rc2.21@amstwist00...
    > Carl Gilbert wrote:
    > > Go to http://homepage.ntlworld.com/carl_gilbert/page1.html and you

    should be
    > > able to see the difference when you link to page 2 and when you use IE

    to
    > > move to the next page.

    >
    > Perhaps the ms_positioning="FlowLayout" in the <body> is the problem.
    > --
    > Edwin van der Vaart
    > http://www.semi-conductor.nl/ Links to Semiconductors sites
    > http://www.evandervaart.nl/ Under construction
    Carl Gilbert, May 20, 2004
    #5
  6. Carl Gilbert

    Carl Gilbert Guest

    Thanks for the code Tom. This is good but still presents the same problem
    but the other way round.
    When the page is linked to, it comes out at the correct size but when it is
    navigated forward to, it comes out larger.
    This is much more acceptable and if I had to put up with it I think I would
    rather use your approach.

    Any aditional input on why the table may be re-sizing or a way to prevent
    the table re-sizing when navigated forward to would be greatly appreciated.

    I have re-published the pages to show what the new code is doing. This can
    be found at:

    http://homepage.ntlworld.com/carl_gilbert/page1.html

    Once again, thanks Tom, this could be the solution unless anyone else has a
    better one.



    "Tom Blantern" <> wrote in message
    news:40ad30ba$...
    > I did this way:
    >
    > Page2.html
    > Code:
    >
    > <HTML>
    > <HEAD>
    > <TITLE>Categories</TITLE>
    > </HEAD>
    > <BODY>
    > <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"
    > height="100%" id="Table1">
    > <TR>
    > <TD align="center" valign="middle">
    > <!--Containing table-->
    > <TABLE border="0" cellpadding="0" cellspacing="0" width="776"
    > height="460"id="Table2">
    >
    > <!--Header bar-->
    > <TR height="71">
    > <TD style="color:white; background-color:black; border-bottom:14
    > solid white;">&nbsp;</TD>
    > </TR>
    >
    > <!--Main body-->
    > <TR height="344">
    > <TD valign="top">
    > <!--Center table-->
    > <TABLE border="0" cellpadding="0" cellspacing="0" id="Table3">
    > <TR>
    > <TD bgcolor="black" width="32">&nbsp;<!--Put Page Title image
    > here--></TD>
    > <TD width="8">&nbsp;</TD>
    > <TD width="344">
    >
    > <TABLE border="0" cellpadding="0" cellspacing="0" >
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > </TABLE>
    >
    > </TD>
    > <TD width="8">&nbsp;</TD>
    > <TD width="344">
    > <TABLE border="0" cellpadding="0" cellspacing="0" id="Table4">
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > <TR height="8" valign="top"></TR>
    >
    > <tr align="left" valign="top">
    > <td height="7" colspan="7"></td>
    > </tr>
    > <TR height="80">
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > <TD width="8" valign="top"></TD>
    > <TD width="80" valign="top" style="border:3 solid
    > black;">&nbsp;</TD>
    > </TR>
    > </TABLE>
    > </TD>
    > <TD width="8">&nbsp;</TD>
    > <TD bgcolor="black" width="32">&nbsp;</TD>
    > </TR>
    > </TABLE>
    > </TD>
    > </TR>
    >
    > <!--Bottom bar-->
    > <TR height="45">
    > <TD style="color:white; background-color:black; border-top:14

    solid
    > white;">&nbsp;</TD>
    > </TR>
    >
    > </TABLE>
    > </TD>
    > </TR>
    > </TABLE>
    > </BODY>
    > </HTML>
    >
    >
    >
    >
    >
    >
    >
    >
    > "Carl Gilbert" <> wrote in message
    > news:a89rc.892$Fc.183@newsfe4-win...
    > > Have updated the pages but had no affect.
    > >
    > >
    > > "Edwin van der Vaart" <> wrote in message
    > > news:ka8rc.308$rc2.21@amstwist00...
    > > > Carl Gilbert wrote:
    > > > > Go to http://homepage.ntlworld.com/carl_gilbert/page1.html and you

    > > should be
    > > > > able to see the difference when you link to page 2 and when you use

    IE
    > > to
    > > > > move to the next page.
    > > >
    > > > Perhaps the ms_positioning="FlowLayout" in the <body> is the problem.
    > > > --
    > > > Edwin van der Vaart
    > > > http://www.semi-conductor.nl/ Links to Semiconductors sites
    > > > http://www.evandervaart.nl/ Under construction

    > >
    > >

    >
    >
    Carl Gilbert, May 21, 2004
    #6
  7. Carl Gilbert

    Karl Groves Guest

    "Carl Gilbert" <> wrote in message
    news:...
    > Hi
    >
    > I am currently writing a site that utilises tables. I have one page
    > that links to a second page.
    >
    > The only problem is that when I link to the second page, the table
    > loads up with a different height than was set in the code.


    http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you


    --
    Karl Core
    Karl Groves, May 21, 2004
    #7
  8. Carl Gilbert

    Adrienne Guest

    Gazing into my crystal ball I observed (Carl
    Gilbert) writing in news::

    > Hi
    >


    Hi

    > I am currently writing a site that utilises tables. I have one page
    > that links to a second page.


    Ok

    >
    > The only problem is that when I link to the second page, the table
    > loads up with a different height than was set in the code.
    > However, when I use the navigation buttons in IE to go back and then
    > forward again to the second page, the table is displayed as expected.


    Is this a table of tabular data, or is this your editor's way of
    positioning elements?

    >
    > Has anyone ever come accross this problem and does anyone know of a
    > solution?


    Yes, get rid of the tables. Go with CSS.

    >
    >
    > Aditional information. The pages include numerous tables, some within
    > other tables and some tables within rows or cells.
    >


    Again, get rid of tables. There is nothing worse than having to debug
    nested tables.

    > I would have published the site but the pages include ASP code and I
    > do not as yet have an ASP host.
    > If anyone feels that seeing the pages would be beneficial then I can
    > either publish tham as pure HTML or post the asp pages.


    Have you validated your markup and fixed the errors?

    >
    > Note: Tested in Internet Explorer v6, written in VS.NET.


    Did you test it in any other browser? You know there are other browsers
    out there, and what may work for IE may not work for Mozilla or Opera,
    especially if you are using some sort of proprietary markup.

    >
    > Kind regards, Carl


    Good luck!

    --
    Adrienne Boswell
    Please respond to the group so others can share
    http://www.arbpen.com
    Adrienne, May 21, 2004
    #8
  9. Carl Gilbert

    Tom Blantern Guest

    What's URL to your site.

    "Aaron Bertrand - MVP" <> wrote in message
    news:...
    > Sounds like an HTML problem, not an ASP one...
    >
    > --
    > Aaron Bertrand
    > SQL Server MVP
    > http://www.aspfaq.com/
    >
    >
    >
    >
    > "Carl Gilbert" <> wrote in message
    > news:...
    > > Hi
    > >
    > > I am currently writing a site that utilises tables. I have one page
    > > that links to a second page.
    > >
    > > The only problem is that when I link to the second page, the table
    > > loads up with a different height than was set in the code.
    > > However, when I use the navigation buttons in IE to go back and then
    > > forward again to the second page, the table is displayed as expected.
    > >
    > > Has anyone ever come accross this problem and does anyone know of a
    > > solution?
    > >
    > >
    > > Aditional information. The pages include numerous tables, some within
    > > other tables and some tables within rows or cells.
    > >
    > > I would have published the site but the pages include ASP code and I
    > > do not as yet have an ASP host.
    > > If anyone feels that seeing the pages would be beneficial then I can
    > > either publish tham as pure HTML or post the asp pages.
    > >
    > > Note: Tested in Internet Explorer v6, written in VS.NET.
    > >
    > > Kind regards, Carl

    >
    >
    Tom Blantern, May 21, 2004
    #9
  10. Toby A Inkster, May 21, 2004
    #10
  11. Carl Gilbert

    Tom Blantern Guest

    I did this way:

    Page2.html
    Code:

    <HTML>
    <HEAD>
    <TITLE>Categories</TITLE>
    </HEAD>
    <BODY>
    <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"
    height="100%" id="Table1">
    <TR>
    <TD align="center" valign="middle">
    <!--Containing table-->
    <TABLE border="0" cellpadding="0" cellspacing="0" width="776"
    height="460"id="Table2">

    <!--Header bar-->
    <TR height="71">
    <TD style="color:white; background-color:black; border-bottom:14
    solid white;">&nbsp;</TD>
    </TR>

    <!--Main body-->
    <TR height="344">
    <TD valign="top">
    <!--Center table-->
    <TABLE border="0" cellpadding="0" cellspacing="0" id="Table3">
    <TR>
    <TD bgcolor="black" width="32">&nbsp;<!--Put Page Title image
    here--></TD>
    <TD width="8">&nbsp;</TD>
    <TD width="344">

    <TABLE border="0" cellpadding="0" cellspacing="0" >
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    </TABLE>

    </TD>
    <TD width="8">&nbsp;</TD>
    <TD width="344">
    <TABLE border="0" cellpadding="0" cellspacing="0" id="Table4">
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    <TR height="8" valign="top"></TR>

    <tr align="left" valign="top">
    <td height="7" colspan="7"></td>
    </tr>
    <TR height="80">
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    <TD width="8" valign="top"></TD>
    <TD width="80" valign="top" style="border:3 solid
    black;">&nbsp;</TD>
    </TR>
    </TABLE>
    </TD>
    <TD width="8">&nbsp;</TD>
    <TD bgcolor="black" width="32">&nbsp;</TD>
    </TR>
    </TABLE>
    </TD>
    </TR>

    <!--Bottom bar-->
    <TR height="45">
    <TD style="color:white; background-color:black; border-top:14 solid
    white;">&nbsp;</TD>
    </TR>

    </TABLE>
    </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>








    "Carl Gilbert" <> wrote in message
    news:a89rc.892$Fc.183@newsfe4-win...
    > Have updated the pages but had no affect.
    >
    >
    > "Edwin van der Vaart" <> wrote in message
    > news:ka8rc.308$rc2.21@amstwist00...
    > > Carl Gilbert wrote:
    > > > Go to http://homepage.ntlworld.com/carl_gilbert/page1.html and you

    > should be
    > > > able to see the difference when you link to page 2 and when you use IE

    > to
    > > > move to the next page.

    > >
    > > Perhaps the ms_positioning="FlowLayout" in the <body> is the problem.
    > > --
    > > Edwin van der Vaart
    > > http://www.semi-conductor.nl/ Links to Semiconductors sites
    > > http://www.evandervaart.nl/ Under construction

    >
    >
    Tom Blantern, May 21, 2004
    #11
  12. Carl Gilbert

    Karl Groves Guest

    "Tom Blantern" <> wrote in message
    news:40adf19e$...
    > Yeah... I have a solution for you.
    > Make a "fake" pictures to make sure it 8px hight no matter what. <img>

    solve
    > that.

    <snip>

    Please don't give any more advice regarding HTML


    --
    Karl Core
    Karl Groves, May 21, 2004
    #12
  13. Carl Gilbert

    Carl Gilbert Guest

    Ok, so it sounds like the table route is the wrong one. Why do people
    comment if they don't know what they are talking about?

    Karl, I looked at the link you posted:

    http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

    From what Adrienne and yourself are saying, CSS seems to be the way to go.
    I have looked at a number of books today and I have settled for 'Eric Meyers
    on CSS'.
    Judging by most of the reviews on CSS books, its a technology that goes
    somewhat unnoticed and once discovered leaves people wondering how they
    coped without it. Lets hope this is true.

    I would still appreciate some advice and direction on how to approach my
    problem using CSS. I will obviously bury my head in the CSS book when it
    arrives but would like to know what to look for, approach, techniques, etc.

    What I am essentially trying to do is write a site with a fairly basic
    design. I want the same look as what I have already done with tables
    (http://homepage.ntlworld.com/carl_gilbert/page1.html). Where I have
    bordered cells, I will put a graphic in each cell to link to a different
    page.

    My design is very specific, its not designed to display data/stats in tables
    or lists. The look will be just as shown in the about link except with
    graphics and text in the cells.

    Ideally I would like the link to fire from the user clicking the panel
    rather than some nasty link stuck in the middle. Much like the cells at the
    top of http://diveintomark.org/ link to the home page. Nice...

    Any help would be greatly appreciated. Let me know if further information
    on what I am trying to achieve is required.

    Regards, Carl Gilbert
    Carl Gilbert, May 21, 2004
    #13
  14. Carl Gilbert <> wrote:

    > Judging by most of the reviews on CSS books, its a technology that
    > goes somewhat unnoticed and once discovered leaves people wondering
    > how they coped without it. Lets hope this is true.


    I've been using minimal CSS for about a year, but finally moved entirely
    away from tables in the last week.

    > I would still appreciate some advice and direction on how to approach
    > my problem using CSS. I will obviously bury my head in the CSS book
    > when it arrives but would like to know what to look for, approach,
    > techniques, etc.


    Quite possibly a way to learn is by example.

    http://www.oswd.org has a few -- look for ones that validate XHTML 1.0
    Strict and have CSS (if you search for both, you'll have a few examples
    to peruse). None of them have graphics. View the design's source and
    verify there's no tables before downloading it to play with.

    I've been working from one of the OSWD templates (purple haze), though
    I've done a fair amount of fussing with it at this point. I'm using PHP
    for page generation, so I had to do a lot of slicing and dicing that I'm
    still not finished tweaking.

    --
    _Deirdre http://deirdre.net
    "Ideally pacing should look like the stock market for the year 1999, up
    and up and up, but with lots of little dips downwards...."
    -- Wen Spencer on plotting a novel
    Deirdre Saoirse Moen, May 21, 2004
    #14
  15. Carl Gilbert

    Tom Blantern Guest

    Yeah... I have a solution for you.
    Make a "fake" pictures to make sure it 8px hight no matter what. <img> solve
    that.
    <td> does not solve that, becaouse less than 10px would be a problem.

    Code for page2.html:

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><table width="776" height="460" border="0" align="center"
    cellpadding="0" cellspacing="0">
    <tr>
    <td height="71" align="left" valign="top" style="color:white;
    background-color:black; border-bottom:14 solid white;">&nbsp;</td>
    </tr>
    <tr>
    <td height="344" align="left" valign="top"><table width="100%"
    height="344" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="32" bgcolor="black">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="344" align="left" valign="top"><table width="344"
    border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    </table></td>
    <td width="8">&nbsp;</td>
    <td width="344" align="left" valign="top"><table width="344"
    border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    <td width="8">&nbsp;</td>
    <td width="80" style="border:3 solid
    black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    <tr>
    <td height="8" colspan="7"><img src="#"
    height="8"></td>
    </tr>
    <tr>
    <td width="80" height="80" style="border:3 solid
    black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border:3 solid black;">&nbsp;</td>
    </tr>
    </table></td>
    <td width="8">&nbsp;</td>
    <td width="32" bgcolor="black">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="45" align="left" valign="top" style="color:white;
    background-color:black; border-top:14 solid white;">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table>




    "Toby A Inkster" <> wrote in message
    news:p...
    > Tom Blantern wrote:
    >
    > > I did this way:

    > [snip]
    >
    > Then you deserve all the problems you get.
    >
    > --
    > Toby A Inkster BSc (Hons) ARCS
    > Contact Me - http://www.goddamn.co.uk/tobyink/?page=132
    >
    Tom Blantern, May 21, 2004
    #15
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Ersin Gençtürk
    Replies:
    2
    Views:
    635
    Ersin Gençtürk
    Feb 9, 2005
  2. sgangish
    Replies:
    0
    Views:
    284
    sgangish
    Jun 5, 2007
  3. Carl Gilbert
    Replies:
    14
    Views:
    216
    Tom Blantern
    May 21, 2004
  4. Mark
    Replies:
    0
    Views:
    667
  5. jojoba
    Replies:
    3
    Views:
    152
Loading...

Share This Page