...
PDA

Div tag problems?

tbk
07-23-2011, 03:13 AM
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>
teedoff
07-23-2011, 04:31 AM
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. (http://www.hotdesign.com/seybold/)

Finally, when posting code, please use the code tag button(#) in the editor window to wrap you code in code tags.
AndrewCollins
08-10-2011, 10:15 PM
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!
statix
08-26-2011, 08:55 PM
Are you trying to move the tables? or the images in the tables?
marcolin
08-27-2011, 08:12 AM
move the tables
Kevin Richards
08-29-2011, 11:04 AM
Would like to try and help you out but I need a little more info!
kunz
08-30-2011, 11:45 AM
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:
object.pos_fixed
{
position:fixed;
top:10px;
right:15px;
}
webninja
09-12-2011, 06:10 PM
When posting question please specify what is the problem and what you want to do so we can help you...
dhape
09-25-2011, 09:44 PM
Why don't you use CSS?
Your code looks horrible...
Klayer
10-12-2011, 11:58 AM
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.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum