Page Resizing (Maximize/Minimize) [Archive]

NADB

04-02-2006, 11:27 AM

I would appreciate if someone would help me with this code.

<div style="position: absolute; top: 2163px; left: 169px; width: 100px; height: 21px; z-index: 18;" id="element291"><IMG SRC="yourimage.jpg" WIDTH="96" HEIGHT="134" BORDER="0">

I would like for my contents (images/fonts) to stay centered when the page is viewed in different window sizes.

I've been reading replies to similar questions posted. I've tried tables and other code combinations but I just can't figure it out. I guess I need the book, Html Codes For Dummies.

I would like for the code to be in html and not css. I would be more than grateful for any replies.

Thanks, NADB

Twey

04-02-2006, 11:54 AM

I would like for my contents (images/fonts) to stay centered when the page is viewed in different window sizes.Then you don't want to use absolute positioning.
I would like for the code to be in html and not css.That's not really possible. Why would you want this? You're already using CSS quite happily in the sample code you provided above.
<div style="text-align:center; margin-left:0; margin-right:auto;" id="element291">

NADB

04-02-2006, 08:58 PM

Twey,

I use drag/drop tools when building most of my websites. I know a few basic codes but not many. You really helped me out. I appreciate you for explaining it in terms that I understand.

Thanks Again.

mwinter

04-03-2006, 01:26 AM

<div style="text-align:center; margin-left:0; margin-right:auto;" id="element291">By the way Twey, that's equivalent to:

<div ... style="text-align: center; margin-left: 0; margin-right: 0; width: auto;">
If that's not what you intended, you might want to read through the description in section 10.3.3 (http://www.w3.org/TR/CSS21/visudet.html#blockwidth) of the CSS specification.

Mike

NADB

04-03-2006, 06:38 AM

Twey,

I'm back again. I tried implementing the code you gave me but I know that I'm not doing something right. I tried Mike's code. Still not maximizing/minimizing. Here is little more of the code. This code is created from the web editor that I use.

<body link="#000000" bgcolor="#FFFFFF" scroll="auto" id="element1" vlink="#000000">
<noscript>
<img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\javascript_disabled.gif" height="40" border="0" width="373">
</noscript>

<div style="position: absolute; top: 228px; left: 0px; width: 12px; height: 25px; z-index: 0;" id="element171"><style>

</style></div>


<div style="position: absolute; top: 342px; left: 175px; width: 182px; height: 539px; z-index: 1;" id="element223"><table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#000000" colspan="5"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="4" width="182" border="0"></td></tr><tr><td bgcolor="#000000" rowspan="4"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="4" border="0"></td><td><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="531" width="174" border="0"></td><td bgcolor="#000000" rowspan="4"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="4" border="0"></td></tr><tr><td bgcolor="#000000" colspan="3"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="4" width="174" border="0"></td></tr></table></div>


<div style="position: absolute; top: 344px; left: 177px; width: 178px; height: 535px; z-index: 2;" id="element224"><table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#E00905" height="535" width="178"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="178"></td></tr></table></div>


<div style="position: absolute; top: 342px; left: 375px; width: 332px; height: 136px; z-index: 3;" id="element234"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=423&tempid=327304"></script></div>


<div style="position: absolute; top: 431px; left: 387px; width: 113px; height: 36px; z-index: 4;" id="element235"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=423&tempid=327304"> Read Review</a></b><br></font></div></div>


<div style="position: absolute; top: 496px; left: 376px; width: 330px; height: 136px; z-index: 5;" id="element236"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=179&tempid=327304"></script></div>


<div style="position: absolute; top: 589px; left: 387px; width: 113px; height: 36px; z-index: 6;" id="element237"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=179&tempid=327304"> Read Review</a></b><br></font></div></div>


<div style="position: absolute; top: 690px; left: 373px; width: 333px; height: 136px; z-index: 7;" id="element238"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=1100&tempid=327304"></script></div>


<div style="position: absolute; top: 782px; left: 386px; width: 113px; height: 36px; z-index: 8;" id="element239"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=1080&tempid=327304"> </a></b></font><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=1100&tempid=327304">Read Review</a></b><br></font></div></div>

How do I implement the code?

Twey

04-03-2006, 11:24 AM

Well, for a start, a style tag cannot go inside a div. style tags need to go in the head. I suggest you abandon this editor.