alignment - Page 2

Visual · 02-04-2012, 03:40 PM

Copy what I did above and save it as html and see how it appears. Then adjust the 120 and 40 and look again.

For each button you add another div id html1 is changed to to html2

Visual · 09:04 PM

This should help you alot since you write it out.
Copy and save this as html. Look how it has 4 containers 1,2,3,4
Change the positions with left and top.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<style type="text/css">
body
{
   background-color: #FFFFFF;
   color: #000000;
}
</style>
</head>
<body>
<div id="Html1" style="position:absolute;left:20px;top:100px;width:100px;height:30px;z-index:0">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html2" style="position:absolute;left:250px;top:100px;width:100px;height:30px;z-index:1">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html3" style="position:absolute;left:20px;top:300px;width:100px;height:30px;z-index:2">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html4" style="position:absolute;left:250px;top:300px;width:100px;height:30px;z-index:3">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
</body>
</html>

PHKatz · 02-04-2012, 08:54 PM

Quote:

Originally Posted by Visual

This should help you alot since you write it out.
Copy and save this as html. Look how it has 4 containers 1,2,3,4
Change the positions with left and top.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<style type="text/css">
body
{
   background-color: #FFFFFF;
   color: #000000;
}
</style>
</head>
<body>
<div id="Html1" style="position:absolute;left:20px;top:100px;width:100px;height:30px;z-index:0">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html2" style="position:absolute;left:250px;top:100px;width:100px;height:30px;z-index:1">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html3" style="position:absolute;left:20px;top:300px;width:100px;height:30px;z-index:2">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
<div id="Html4" style="position:absolute;left:250px;top:300px;width:100px;height:30px;z-index:3">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7FBXMCK8GLHTY"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></div>
</body>
</html>

How does one move the buttons, should they want to move one to the top with other two?

Visual · 02-05-2012, 12:51 AM

You move the buttons with positions

position:absolute;left:20px;top:100px;width:100px; height:30px

Find this and move left to 50 and then it's 50 pixels from the left of the page
It's 100 pixels from the top of the page. Change that to 50 or 150 whatever.

The width is the width of the button and you should change what is there to match what the actual button you selected is. Change the height to match.

All papypal buttons have different sizes to them.

PHKatz · 02-05-2012, 10:50 PM

Figured it out. Thanks for your help. Appreciate it.

Visual · 02-05-2012, 11:26 PM

You are very welcome.
Need more help be sure to ask.

PHKatz · 02-05-2012, 11:42 PM

Quote:

Originally Posted by Visual

You are very welcome.
Need more help be sure to ask.

Sure. Will do.

PHKatz · **php -** 03-30-2012, 06:37 PM

Quote:

Originally Posted by Visual

You are very welcome.
Need more help be sure to ask.

Hi, do you know php? because I'm having a concatenation issue.

Visual · 09:30 PM

Go ahead an ask it. If I can't, I am sure somebody else will help.

Just saw the PM.
What are you trying to do? Go ahead and put it up so all can see it.
Tell us what you are trying to do with it. I'm a little puzzled with the <h2 & h3 tags with a mailto script.

PHKatz · 01:26 AM

Quote:

Originally Posted by Visual

Go ahead an ask it. If I can't, I am sure somebody else will help.

Just saw the PM.
What are you trying to do? Go ahead and put it up so all can see it.
Tell us what you are trying to do with it. I'm a little puzzled with the <h2 & h3 tags with a mailto script.

I'm having a concatenation issue on a line from the comment.php:
$outputstring = $pre . <h3>"Hi, <a href=\"" .$website."\" target="\_blank\">".$name."</h3> . on <a href=\"" .$email."\" target="\_blank\"><h3>". date('F j Y \a\t H:i:s A',$time)."</h3><br>"." <h2>".$comment."</h2>";