Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    tbk
    tbk is offline
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Div tag problems?

    First for all..im totally new in web page design...and now im stuck in how to move my object...i used div tags but some how it just refuse to work ...help me...pls ignore the layout...i juz want to move my objects..thxxxxxx
    <code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    .latest {
    font-family: Verdana, Geneva, sans-serif;
    }
    </style>
    <base target="ref" />
    </head>

    <body style="background-color:black" >

    <div id="oly_compact" >
    <table width="240" border="0" cellpadding="12" cellspacing="0"" bordercolor="#999999" frame="void" background-color:"black>

    <tr>
    <td height="27" colspan="2" bordercolor="#FFFF00" style="color:#FFFF00"><b><em>Compact Camera</em></b></td>
    </tr>
    <td width="128"><a href="ref1.html" target="ref"> <img src="olympus/oly_tg810-100x100.png" width="100" height="100" alt="Olympus TG-810" /></a>
    <small><span style="color:#4BD">Olympus TG-810</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–140 mm (5×)</span></small>
    </td>

    <td width="128"><a href="ref2.html" target="ref"><img src="olympus/oly_sz30mr-100x100.png" width="100" height="100" alt="Olympus SZ-30MR" /></a>
    <small><span style="color:#4BD">Olympus SZ-30MR</span><br />
    <span style="color:#FFFFFF">16.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">25–600 mm (24×)</span></small>
    </td>

    </tr>
    <td><a href="ref3.html" target="ref"><img src="olympus/oly_vr320-100x100.png" width="100" height="100" alt="Olympus VR-320" /></a>
    <small><span style="color:#4BD">Olympus VR-320</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">24–300 mm (12.5×)</span></small>
    </td>

    <td><a href="ref4.html" target="ref"><img src="olympus/oly_sz10-100x100.png" width="100" height="100" alt="Olympus SZ10" /></a>
    <small><span style="color:#4BD">Olympus SZ10</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–504 mm (18×)</span></small>
    </td>

    <tr>

    </tr>
    <td><a href="ref5.html" target="ref"><img src="olympus/oly_tg310-100x100.png" width="100" height="100" alt="Olympus TG-310" /></a>
    <small><span style="color:#4BD">Olympus TG-310</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">2.7" screen</span><br />
    <span style="color:#FFFFFF">28–102 mm (3.6×)</span></small>
    </td>

    <td><a href="ref6.html" target="ref"><img src="olympus/oly_tg610-100x100.png" width="100" height="100" alt="Olympus TG-610" /></a>
    <small><span style="color:#4BD">Olympus TG-610</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–140 mm (5×)</span></small>
    </td>


    <tr>
    </tr>
    </table>
    </div>

    <div align="justify" id="ref">
    <table width="240" border="0" cellpadding="12" cellspacing="0"" bordercolor="#999999" frame="void" background-color:"black>

    <tr>
    <td height="27" colspan="2" bordercolor="#FFFF00" style="color:#FFFF00"><b><em>Interchangeable Lens Camera</em></b></td>
    </tr>
    <td width="128"><a href="ref1.html" target="ref"> <img src="olympus/oly_ep3-100x100.png" width="100" height="100" alt="Olympus TG-810" /></a>
    <small><span style="color:#4BD">Olympus PEN E-P3</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–140 mm (5×)</span></small>
    </td>

    <td width="128"><img src="olympus/oly_epl3-100x100.png" width="100" height="100" alt="Olympus PEN E-PL3" />
    <small><span style="color:#4BD">Olympus PEN E-PL3</span><br />
    <span style="color:#FFFFFF">16.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">25–600 mm (24×)</span></small>
    </td>

    </tr>
    <td><img src="olympus/oly_epm1-100x100.png" width="100" height="100" alt="Olympus PEN E-PM1" />
    <small><span style="color:#4BD">Olympus PEN E-PM1</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">24–300 mm (12.5×)</span></small>
    </td>

    <td><img src="olympus/oly_epl2-100x100.png" width="100" height="100" alt="Olympus PEN E-PL2" />
    <small><span style="color:#4BD">Olympus PEN E-PL2</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–504 mm (18×)</span></small>
    </td>
    <tr>

    </tr>
    <td><img src="olympus/oly_epl1s-100x100.png" width="100" height="100" alt="Olympus PEN E-PL1s" />
    <small><span style="color:#4BD">Olympus PEN E-PL1s</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">2.7" screen</span><br />
    <span style="color:#FFFFFF">28–102 mm (3.6×)</span></small>
    </td>

    <td><img src="olympus/oly_e5-100x100.png" width="100" height="100" alt="Olympus E-5" />
    <small><span style="color:#4BD">Olympus E-5</span><br />
    <span style="color:#FFFFFF">14.0 megapixels</span><br />
    <span style="color:#FFFFFF">3" screen</span><br />
    <span style="color:#FFFFFF">28–140 mm (5×)</span></small>
    </td>


    <tr>
    </tr>

    </table>
    </div>

    <div id="iframe">
    <iframe src="ref1.html" width="400" height="600" align="right" scrolling="no" name="ref"> nothing here</iframe>
    </div>

    </body>
    </html>
    </code>

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    OK so what div would you like to "move" and where do you want it moved. You didn't explain your issue in enough detail.

    Also, since you're just beginning to learn, you should know why using tables for layouts are bad.

    Finally, when posting code, please use the code tag button(#) in the editor window to wrap you code in code tags.
    Teed

  • #3
    New Coder
    Join Date
    Jul 2011
    Location
    Berkeley, CA
    Posts
    20
    Thanks
    2
    Thanked 2 Times in 1 Post
    Yes, I got your PM but don't know enough about this to really tell you for sure. Clarify it here for everyone. Put code tags!

  • #4
    New to the CF scene
    Join Date
    Aug 2011
    Location
    USA
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post
    Are you trying to move the tables? or the images in the tables?

  • #5
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    move the tables

  • #6
    New Coder
    Join Date
    Aug 2011
    Location
    New Jersey
    Posts
    20
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Would like to try and help you out but I need a little more info!

  • #7
    New Coder
    Join Date
    Aug 2011
    Location
    Sydney
    Posts
    26
    Thanks
    2
    Thanked 2 Times in 2 Posts
    What a mess.. tables are a bad idea to begin with.

    You could try 'moving' the 'object' you're referring to using CSS positioning.

    Eg:
    Code:
    object.pos_fixed
    {
    position:fixed;
    top:10px;
    right:15px;
    }
    “Don't pray for lighter burdens, but for stronger backs.”
    Deals in Sydney

  • #8
    New Coder
    Join Date
    Sep 2011
    Location
    USA
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    When posting question please specify what is the problem and what you want to do so we can help you...
    "The secret to creativity is knowing how to hide your sources..."
    forex trading | metatrader

  • #9
    New Coder
    Join Date
    Aug 2011
    Posts
    26
    Thanks
    2
    Thanked 1 Time in 1 Post
    Why don't you use CSS?
    Your code looks horrible...
    “Computers are useless. They can only give you answers.”
    (Pablo Picasso) Where To Find Coupons and Video Testimonials

  • #10
    New Coder
    Join Date
    Aug 2011
    Posts
    11
    Thanks
    0
    Thanked 2 Times in 2 Posts
    I am not so much a coder, however when i face similar issues, i load my website into Dreamweaver CS5, and i make the changes i need, the DW write the code for you.
    You can Google this program - its by Adobe, also you got free trail in case you not into buying it.
    Hope it help.


  •  

    Posting Permissions

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