 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Simsebas
Joined: 01 Nov 2007
Posts: 2
|
 Posted: Thu Nov 01, 2007 5:46 am image position in a resizing browser window |
 |
|
|
Dear HTML cracks.
As a absolute amateur I am close to a breakdown. When I resize the browser window ( drag it smaller or bigger ) everything moves to a relative position but the "add to cart" buttons stays where they are and dont move. you can see the problem at http://sitalisa.com/home/order_%26_contact.html
Please help to solve this problem so the buttons move relatively with the whole content.
as it is quite some html here is the code for a single button :
| Code: |
<div style="height: 17px; width: 168px; height: 17px; left: 820px; position: absolute; top: 305px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="1 set ( 12 cards )">
<input type="hidden" name="amount" value="39.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
|
And here is the HTML for the complete site:
I am looking forward to here from an HTML wizzard to solve this. Thank You so much
Simon
| Code: |
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 2.0.1" />
<meta name="iWeb-Build" content="local-build-20071031" />
<title>order & contact</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="order_%26_contact_files/order_%26_contact.css" />
<!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='order_%26_contact_files/order_%26_contactIE.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="order_%26_contact_files/order_%26_contact.js"></script>
</head>
<body style="background: #000000; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #000000; text-align: left; width: 900px; " id="body_content">
<div style="margin-left: 0px; position: relative; width: 900px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 110px; margin-top: 21px; position: relative; width: 630px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "current-page-GUID": "9EA39BDF-E907-4814-A613-123176855047", "isCollectionPage": "NO", "navbar-css": ".navbar {\n\tfont-family: Arial, sans-serif;\n\tfont-size: 1em\n\tcolor: #A1A1A1;\n\tmargin: 9px 0px 6px 0px;\n\tline-height: 30px;\n}\n\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #A1A1A1;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #A1A1A1;\n}\n\nli a:hover\r{\n\ttext-decoration: none;\r\n \tcolor: #ccc;\n\tfont-weight: bold;\r}\n\n\nli.current-page a\r{\n\ttext-decoration: none;\r\t color: #fff;\n\tfont-weight: bold;\r\r}\n"});
//--><!]]></script>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 900px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 900px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 1px; width: 502px; height: 0px; left: 174px; position: absolute; top: -1px; width: 502px; z-index: 1; " class="tinyText">
<div style="position: relative; width: 502px; ">
<img src="order_%26_contact_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 0px; position: absolute; top: 0px; width: 502px; " />
</div>
</div>
<div style="height: 70px; width: 96px; height: 70px; left: 93px; position: absolute; top: 195px; width: 96px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_2-filtered.jpg" alt="" style="border: none; height: 71px; width: 96px; " />
</div>
<div style="height: 68px; width: 96px; height: 68px; left: 93px; position: absolute; top: 501px; width: 96px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_1-filtered.jpg" alt="" style="border: none; height: 68px; width: 97px; " />
</div>
<div style="height: 97px; width: 69px; height: 97px; left: 208px; position: absolute; top: 279px; width: 69px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_4-filtered.jpg" alt="" style="border: none; height: 98px; width: 69px; " />
</div>
<div style="height: 96px; width: 68px; height: 96px; left: 124px; position: absolute; top: 280px; width: 68px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_5-filtered.jpg" alt="" style="border: none; height: 97px; width: 68px; " />
</div>
<div style="height: 96px; width: 76px; height: 96px; left: 121px; position: absolute; top: 392px; width: 76px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_7-filtered.jpg" alt="" style="border: none; height: 97px; width: 76px; " />
</div>
<div style="height: 95px; width: 70px; height: 95px; left: 43px; position: absolute; top: 280px; width: 70px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_8-filtered.jpg" alt="" style="border: none; height: 96px; width: 70px; " />
</div>
<div style="height: 96px; width: 74px; height: 96px; left: 41px; position: absolute; top: 391px; width: 74px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_10-filtered.jpg" alt="" style="border: none; height: 97px; width: 74px; " />
</div>
<div style="height: 96px; width: 72px; height: 96px; left: 207px; position: absolute; top: 391px; width: 72px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_11-filtered.jpg" alt="" style="border: none; height: 97px; width: 72px; " />
</div>
<div style="height: 69px; width: 96px; height: 69px; left: 210px; position: absolute; top: 195px; width: 96px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original-filtered.jpg" alt="" style="border: none; height: 70px; width: 96px; " />
</div>
<div style="height: 101px; width: 64px; height: 101px; left: 293px; position: absolute; top: 389px; width: 64px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_9-filtered.jpg" alt="" style="border: none; height: 102px; width: 64px; " />
</div>
<div style="height: 98px; width: 71px; height: 98px; left: 289px; position: absolute; top: 279px; width: 71px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_6-filtered.jpg" alt="" style="border: none; height: 98px; width: 71px; " />
</div>
<div style="height: 63px; width: 104px; height: 63px; left: 206px; position: absolute; top: 503px; width: 104px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_3-filtered.jpg" alt="" style="border: none; height: 64px; width: 104px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 444px; position: absolute; top: 2295px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 444px; position: absolute; top: 2414px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage_1.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 444px; position: absolute; top: 2354px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage_2.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 31px; position: absolute; top: 2412px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage_3.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 31px; position: absolute; top: 2352px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage_4.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 21px; width: 22px; height: 21px; left: 31px; position: absolute; top: 2297px; width: 22px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/droppedImage_5.jpg" alt="" style="border: none; height: 21px; width: 23px; " />
</div>
<div style="height: 88px; width: 612px; height: 88px; left: 127px; position: absolute; top: 42px; width: 612px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/ART-card-sets.png" alt="" style="border: none; height: 89px; width: 612px; " />
</div>
<div style="height: 42px; width: 314px; height: 42px; left: 268px; position: absolute; top: 699px; width: 314px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/single-cards.png" alt="" style="border: none; height: 42px; width: 315px; " />
</div>
<div style="height: 150px; width: 207px; height: 150px; left: 464px; position: absolute; top: 859px; width: 207px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original.jpg" alt="" style="border: none; height: 150px; width: 208px; " />
</div>
<div style="height: 149px; width: 212px; height: 149px; left: 181px; position: absolute; top: 1934px; width: 212px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_1.jpg" alt="" style="border: none; height: 150px; width: 212px; " />
</div>
<div style="height: 12px; width: 162px; height: 12px; left: 204px; position: absolute; top: 1025px; width: 162px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/mystic-moonflowers.png" alt="" style="border: none; height: 13px; width: 162px; " />
</div>
<div style="height: 152px; width: 207px; height: 152px; left: 183px; position: absolute; top: 860px; width: 207px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_2.jpg" alt="" style="border: none; height: 152px; width: 208px; " />
</div>
<div style="height: 137px; width: 225px; height: 137px; left: 466px; position: absolute; top: 1939px; width: 225px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_3.jpg" alt="" style="border: none; height: 137px; width: 225px; " />
</div>
<div style="height: 223px; width: 158px; height: 223px; left: 459px; position: absolute; top: 1163px; width: 158px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_4.jpg" alt="" style="border: none; height: 223px; width: 158px; " />
</div>
<div style="height: 25px; width: 137px; height: 25px; left: 469px; position: absolute; top: 1394px; width: 137px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/trees-of-faith-and-love.png" alt="" style="border: none; height: 25px; width: 138px; " />
</div>
<div style="height: 225px; width: 160px; height: 225px; left: 240px; position: absolute; top: 1166px; width: 160px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_5.jpg" alt="" style="border: none; height: 226px; width: 160px; " />
</div>
<div style="height: 11px; width: 70px; height: 11px; left: 712px; position: absolute; top: 1402px; width: 70px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/creatrix.png" alt="" style="border: none; height: 12px; width: 70px; " />
</div>
<div style="height: 12px; width: 115px; height: 12px; left: 262px; position: absolute; top: 1401px; width: 115px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/sand-dreamer.png" alt="" style="border: none; height: 13px; width: 115px; " />
</div>
<div style="height: 226px; width: 163px; height: 226px; left: 662px; position: absolute; top: 1163px; width: 163px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_6.jpg" alt="" style="border: none; height: 226px; width: 164px; " />
</div>
<div style="height: 226px; width: 177px; height: 226px; left: 239px; position: absolute; top: 1539px; width: 177px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_7.jpg" alt="" style="border: none; height: 226px; width: 178px; " />
</div>
<div style="height: 225px; width: 166px; height: 225px; left: 28px; position: absolute; top: 1168px; width: 166px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_8.jpg" alt="" style="border: none; height: 226px; width: 166px; " />
</div>
<div style="height: 232px; width: 146px; height: 232px; left: 688px; position: absolute; top: 1536px; width: 146px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_9.jpg" alt="" style="border: none; height: 232px; width: 147px; " />
</div>
<div style="height: 227px; width: 175px; height: 227px; left: 31px; position: absolute; top: 1541px; width: 175px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_10.jpg" alt="" style="border: none; height: 228px; width: 175px; " />
</div>
<div style="height: 223px; width: 167px; height: 223px; left: 465px; position: absolute; top: 1539px; width: 167px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/original_11.jpg" alt="" style="border: none; height: 223px; width: 167px; " />
</div>
<div style="height: 165px; width: 124px; height: 165px; left: 469px; position: absolute; top: 2560px; width: 124px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/4293.jpg" alt="" style="border: none; height: 166px; width: 124px; " />
</div>
<div style="height: 26px; width: 137px; height: 26px; left: 42px; position: absolute; top: 1402px; width: 137px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/returning-to-the-source.png" alt="" style="border: none; height: 27px; width: 137px; " />
</div>
<div style="height: 11px; width: 126px; height: 11px; left: 56px; position: absolute; top: 1779px; width: 126px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/the-healing-tree.png" alt="" style="border: none; height: 11px; width: 127px; " />
</div>
<div style="height: 12px; width: 123px; height: 12px; left: 265px; position: absolute; top: 1779px; width: 123px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/garden-of-unity.png" alt="" style="border: none; height: 12px; width: 124px; " />
</div>
<div style="height: 12px; width: 160px; height: 12px; left: 469px; position: absolute; top: 1779px; width: 160px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/water-for-cleansing.png" alt="" style="border: none; height: 12px; width: 161px; " />
</div>
<div style="height: 12px; width: 121px; height: 12px; left: 700px; position: absolute; top: 1778px; width: 121px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/scattering-seeds.png" alt="" style="border: none; height: 13px; width: 121px; " />
</div>
<div style="height: 12px; width: 99px; height: 12px; left: 235px; position: absolute; top: 2097px; width: 99px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/leap-of-faith.jpg" alt="" style="border: none; height: 13px; width: 99px; " />
</div>
<div style="height: 13px; width: 155px; height: 13px; left: 501px; position: absolute; top: 2089px; width: 155px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/son-of-the-shields.png" alt="" style="border: none; height: 14px; width: 155px; " />
</div>
<div style="height: 35px; width: 306px; height: 35px; left: 396px; position: absolute; top: 243px; width: 306px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/1-set.png" alt="" style="border: none; height: 35px; width: 307px; " />
</div>
<div style="height: 36px; width: 333px; height: 36px; left: 391px; position: absolute; top: 362px; width: 333px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/6-sets.png" alt="" style="border: none; height: 37px; width: 333px; " />
</div>
<div style="height: 36px; width: 347px; height: 36px; left: 394px; position: absolute; top: 488px; width: 347px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/12-sets.png" alt="" style="border: none; height: 37px; width: 347px; " />
</div>
<div style="height: 36px; width: 285px; height: 36px; left: 63px; position: absolute; top: 2292px; width: 285px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/5-x-7.png" alt="" style="border: none; height: 37px; width: 285px; " />
</div>
<div style="height: 16px; width: 196px; height: 16px; left: 61px; position: absolute; top: 2357px; width: 196px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/minimum.png" alt="" style="border: none; height: 16px; width: 196px; " />
</div>
<div style="height: 15px; width: 300px; height: 15px; left: 475px; position: absolute; top: 2357px; width: 300px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/free.png" alt="" style="border: none; height: 16px; width: 300px; " />
</div>
<div style="height: 36px; width: 361px; height: 36px; left: 475px; position: absolute; top: 2288px; width: 361px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/credit-card.png" alt="" style="border: none; height: 36px; width: 361px; " />
</div>
<div style="height: 36px; width: 287px; height: 36px; left: 62px; position: absolute; top: 2407px; width: 287px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/question-contact.png" alt="" style="border: none; height: 37px; width: 287px; " />
</div>
<div style="height: 21px; width: 154px; height: 21px; left: 251px; position: absolute; top: 2566px; width: 154px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/lisa-oconnor.png" alt="" style="border: none; height: 21px; width: 155px; " />
</div>
<div style="height: 16px; width: 151px; height: 16px; left: 249px; position: absolute; top: 2674px; width: 151px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/telephone.png" alt="" style="border: none; height: 17px; width: 151px; " />
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 251px; position: absolute; top: 2711px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/lisa.com.png" alt="" style="border: none; height: 18px; width: 168px; " />
</div>
<div style="height: 33px; width: 353px; height: 33px; left: 479px; position: absolute; top: 2408px; width: 353px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/international-ship.png" alt="" style="border: none; height: 34px; width: 353px; " />
</div>
<div id="id1" style="height: 27px; left: 561px; position: absolute; top: 2133px; width: 36px; z-index: 1; " class="style_SkipStroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_36_27" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div id="id2" style="height: 27px; left: 353px; position: absolute; top: 747px; width: 144px; z-index: 1; " class="style_SkipStroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_144_27" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div style="height: 18px; width: 160px; height: 18px; left: 345px; position: absolute; top: 752px; width: 160px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/each-card-$4.png" alt="" style="border: none; height: 18px; width: 160px; " />
</div>
<div style="height: 63px; width: 162px; height: 63px; left: 251px; position: absolute; top: 2593px; width: 162px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/1431-st.png" alt="" style="border: none; height: 63px; width: 163px; " />
</div>
<div style="height: 13px; width: 218px; height: 13; left: 459px; position: absolute; top: 1024px; width: 218px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="order_%26_contact_files/surrenderING.png" alt="" style="border: none; height: 14px; width: 218px; " />
</div>
<div style="height: 2750px; line-height: 2750px; " class="spacer"> </div>
</div>
<div style="height: 100px; margin-left: 0px; position: relative; width: 900px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 820px; position: absolute; top: 305px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="1 set ( 12 cards )">
<input type="hidden" name="amount" value="39.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 820px; position: absolute; top: 429px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="6 set (6 x 12 cards )">
<input type="hidden" name="amount" value="188.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 820px; position: absolute; top: 553px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="12 set (12 x 12 cards )">
<input type="hidden" name="amount" value="288.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 289px; position: absolute; top: 1119px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="mystic moonflower">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
</div>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 582px; position: absolute; top: 1119px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="surrender to the flow">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 120px; position: absolute; top: 1500px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="returning to the source">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left:329px; position: absolute; top: 1500px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="sand dreamer">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 547px; position: absolute; top: 1500px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="trees of faith & love">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 756px; position: absolute; top: 1500px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="creatrix">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 128px; position: absolute; top: 1872px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="returning ti the source">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 334px; position: absolute; top: 1872px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="garden of unity">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form></div>
<div style="height: 17px; width: 168px; height: 17px; left: 558px; position: absolute; top: 1872px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="water for cleansing">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form></div>
<div style="height: 17px; width: 168px; height: 17px; left: 770px; position: absolute; top: 1872px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="scattering seeds">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
</div>
<div style="height: 17px; width: 168px; height: 17px; left: 294px; position: absolute; top: 2190px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="leap of faith">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form></div>
<div style="height: 17px; width: 168px; height: 17px; left: 588px; position: absolute; top: 2190px; width: 168px; z-index: 1; " class="tinyText style_SkipStroke">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="hidden" name="item_name" value="song of the shields">
<input type="hidden" name="amount" value="4.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.sitalisa.com">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="lisaatsitalisa.com">
<input type="image" src="https://www.paypal.com/en_US/i/btn/view_cart.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="display" value="1">
</form>
</div>
</body>
</html>
|
|
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
| Posted: Thu Nov 01, 2007 7:37 am |
|
|
|
|
You are using absolute positioning which is going to cause problems in your web design. Don't consider this web design, but web development, since you are using code and not an imaging program.
If you do not understand CSS, go back to tables, it is OK to use them
_________________
Corey
Toll Free Fax Numbers | Yahoo Merchant Account |
|
Simsebas
Joined: 01 Nov 2007
Posts: 2
|
| Posted: Thu Nov 01, 2007 7:46 am what do you mean by table? |
|
|
|
how can i change the positioning not to be absolute? and what do you mean by table?
and yes i have no idea of webdesign, but the only thing which needs to be in place are the buttons, the rest is great.
and i offer a set of art cards to the problem solver
simon |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
