Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

cant place a table on a page

Options
  • 16-09-2010 2:44pm
    #1
    the GALL
    Registered Users Posts: 938 ✭✭✭


    No0B

    I'm writing a page for a friend of mine. On this page I want to display some photos. What I want to do is make up two tables in opposite corners of the page fill the table with small photos(1"x1") and link these to a larger area on the same page to show the photo's bigger(5"x5") when I write up the code for the tables I can't get them top go to different corners:confused::confused:, whatever way I write it they'll either go top right or bottom left but not seperate. I'm using DIV tags and ABSOLUTE positioning. Here's a copy of the full code for the page there should be more photos in the tables but I makes it a bit easier to read this way, I haven't included to link for the photos incase it took up to much page space and people lost interest in reading it.

    Thanks so much for this dig out......my head is mashed.


    <html>
    <head>
    <title>
    <style>
    div {border:solid #000000 1px; background: #66ccff }
    div.first {width: 1060; height: 100; position: absolute; top:

    50px; left: 100 }
    div.second { width: 15cm; height: 15cm ; position: absolute; top:

    10cm; left: 10cm }
    div.third { width: 7cm; height: 7cm; position: absolute; top:

    5cm; left: 5cm }
    div.fourth { width: 7cm; height: 7cm; position: absolute; top:

    23cm; left: 23cm }
    div.fifth { position: absolute; top: 5cm; left: 26cm }
    div.sixth { position: absolute; top: 15cm; left: 2.5cm }

    </style>
    </head>

    <body>
    <H3><A NAME="top"></A></H3>

    <div class="first">
    <h1 ALIGN="CENTER"> . the photo's</h1>
    </div>

    <div class="second">
    </div>

    <div class="third">
    </div>

    <div class="fourth">
    </div>

    <div class="fifth">
    <TABLE BORDER="1" BORDERCOLOR="RED">
    <TR>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    </div>

    <div class="sixth">
    <TABLE BORDER="1" BORDERCOLOR="RED">
    <TR>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    <TR>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    <TD><A HREF=""><IMG SRC="KISS2.JPG" WIDTH="100PX"

    HEIGHT="100PX"></A></TD>
    </TR>
    </div>


    </body>
    </html>


Comments

  • Options
    #2
    MrDarcy
    Closed Accounts Posts: 585 ✭✭✭MrDarcy


    Where's your </table> tag?


  • Options
    #3
    the GALL
    Registered Users Posts: 938 ✭✭✭the GALL


    Mr.Darcy,:):):)

    Good bless your eye sight
    Two days, Two whole days I've been lookin at that,
    Once again Thanks a bunch, I'm back in action.

    Roy:pac::pac::pac::pac:


  • Options
    #4
    MrDarcy
    Closed Accounts Posts: 585 ✭✭✭MrDarcy


    the GALL wrote: »
    Mr.Darcy,:):):)

    Good bless your eye sight
    Two days, Two whole days I've been lookin at that,
    Once again Thanks a bunch, I'm back in action.

    Roy:pac::pac::pac::pac:

    Has that sorted it out for you?


  • Options
    #5
    the GALL
    Registered Users Posts: 938 ✭✭✭the GALL


    yep im flying along, again (for now).
    Cheers
    Roy


  • Options
    #6
    tricky D
    Closed Accounts Posts: 9,700 ✭✭✭tricky D


    Firstly, use a html validator. It'll pick up code errors for you.

    Secondly, you might consider using some lightroom or highslide gallery method which will probably look better and will have the javascript functions I reckon you'll want.

    Thirdly, take some time over at w3schools.com to brush up on your html and css as you're picking up some bad practices e.g. images heights and widths should be specified as width="120" not width="120px" and layout is better specified in pixels and percentages not cms (which are better used for printing pages not screen layouts).


  • Advertisement
  • Options
    #7
    MrDarcy
    Closed Accounts Posts: 585 ✭✭✭MrDarcy


    tricky D wrote: »
    Firstly, use a html validator. It'll pick up code errors for you.

    Secondly, you might consider using some lightroom or highslide gallery method which will probably look better and will have the javascript functions I reckon you'll want.

    Thirdly, take some time over at w3schools.com to brush up on your html and css as you're picking up some bad practices e.g. images heights and widths should be specified as width="120" not width="120px" and layout is better specified in pixels and percentages not cms (which are better used for printing pages not screen layouts).

    +1, when I dropped your code into my MS Visual Web Developer application and ran it from there, there were 178 errors. :eek::eek::eek:


  • Options
    #8
    the GALL
    Registered Users Posts: 938 ✭✭✭the GALL


    Thanks so much for the replies Guys
    As you may have noticed what I know about wed dev I could write on the back of a stamp:o:o:o:o
    I'll take that advice on board and try to brush up on my script, I can see more problems in the near future, God, I hope i'm not on here every hour lookin for advice.:):)
    Mr darcy....good man
    Tricky D...I take it i'll find all that on the net(lightroom/Hillslide gallery)?


  • Options
    #9
    MrDarcy
    Closed Accounts Posts: 585 ✭✭✭MrDarcy


    the GALL wrote: »
    Thanks so much for the replies Guys
    As you may have noticed what I know about wed dev I could write on the back of a stamp:o:o:o:o
    I'll take that advice on board and try to brush up on my script, I can see more problems in the near future, God, I hope i'm not on here every hour lookin for advice.:):)
    Mr darcy....good man
    Tricky D...I take it i'll find all that on the net(lightroom/Hillslide gallery)?

    Tomorrow Daniel Son, we paint fence! :D:D:D


  • Options
    #10
    the GALL
    Registered Users Posts: 938 ✭✭✭the GALL


    Thanks for that
    Roy:):):)


Advertisement