PDA

View Full Version : table / image positioning question

Leah
10-12-2005, 04:22 AM
I'm coding this site: http://closet-monster.net/leah/pth.html as a project for school. At first I was using absolute value, but everything moved with the change of screen resolution. So I re-did it in tables..now I'm wondering how to place an image over my table layout, and position it. I'm aiming for it to look like this: http://i10.photobucket.com/albums/a141/brittneywarwick/outcomecap.png

thanks, any help will be greatly appreciated.
MaGiCSuN
10-12-2005, 10:32 PM
your idea is way to complicated :) there are much easier ways to do so

assuming that you want the text to appear in the right blank space i made this:

<html>
<title>Digital Rock Designs</title>
<STYLE type="text/css">
BODY {
MARGIN-TOP: 0pt; MARGIN-LEFT: 0pt;
scrollbar-face-color: #dddecd;
scrollbar-shadow-color: #dddecd;
scrollbar-highlight-color: #dddecd;
scrollbar-3dlight-color:#657b79;
scrollbar-darkshadow-color: #657b79;
scrollbar-track-color: #657b79;
scrollbar-arrow-color: #657b79;
}
</STYLE>
</head>
<body background="http://i10.photobucket.com/albums/a141/brittneywarwick/layout/back.jpg">


<table align="center" border="0" width="654" background="http://i10.photobucket.com/albums/a141/brittneywarwick/layout2/layoutbg.png" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" colspan="2" align="center">
<img border="0" src="http://i10.photobucket.com/albums/a141/brittneywarwick/layout2/layouttop2.png">
</td> </tr>
<tr><td valign="top" width="266" align="right"><img src="http://i10.photobucket.com/albums/a141/brittneywarwick/layout2/layoutinfo2.png"></td> <td valign="top" rowspan="2">blabla</td>
</tr>
<tr><td align="center" valign="top" width="262"><img src="http://i10.photobucket.com/albums/a141/brittneywarwick/layout/cmcap.png"><br><p></td>
</tr>
<tr><td colspan="2" background="http://i10.photobucket.com/albums/a141/brittneywarwick/layout2/bottom.png" width="654" height="3">
</td></tr></table>

</body>
</html>

your problem was just that you didn't finished the second table, therefor it made it appear "weird"

Love,
Mirna
Leah
10-13-2005, 12:16 AM
wow, thanks. now any idea how to center an iframe in the larger space on the right? that's the only thing left that I need to know.
Monkey Bizzle
10-13-2005, 03:08 AM
...any idea how to center an iframe in the larger space on the right?

If you look at the code that Mirna supplied, replace the blabla part with <center>your iframe code here</center>.
Leah
10-13-2005, 08:11 AM
thanks! now, I'm using an image map for the navigation..how do i get the links to open up inside of my frame..when my image map is on the outside of it?
pb&j
10-13-2005, 04:46 PM
after you have entered your iframe coding, you will notice it has a NAME="VALUE" part in it.

go over to your image map coding and enter...
TARGET="VALUE"
in the AREA tag.
the link will then find the iframe with the same value and open inside it.