The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Arranging jpgs and PayPal buttons along one row
Biff_Reseda
post Apr 12 2007, 09:50 AM
Post #1


Newbie
*

Group: Members
Posts: 18
Joined: 12-April 07
Member No.: 2,497



I would like to position a bunch of custom paypal gifs along a specific row that falls directly beneath a jpg image which I have already formatted to correctly fit into the web page in question.

Before creating the custom gifs for each paypal, I created a single correctly formatted "horizontal segment button row" jpg (which it should be noted also consists of regular image file non-paypal buttons.)
As I understand it, I need help with 2 things:

a) do I simply cut the horizontal segment row into its constituent jpgs first?

b) once all the jpeg's have been broken into their respective "regular" and "paypal button" segments, how do I stitch them all back together along this single row so that they directly follow one another (without any space in between them?)

Per the sample code below, I originally set the code so that the nonpaypal and paypal icons are stacked along a center column separated by a line space (and subsequent single line spaces) beneath the image.jpg file:


<div align="center"><img src="img/image.jpg" alt="" width="460" height="263" border="0"></div>
<p align="center">
<center>
<input type="image" src="img/regular.jpg" border="0" name="submit" alt="regular">
</center>
</p>

<p align="center">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<center>
<input type="image" src="img/subscribe1.jpg" border="0" name="submit" alt="1">
</center>
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----etcetc-----END PKCS7-----
">
</form>
</p>

<p align="center">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<center>
<input type="image" src="img/subscribe2.jpg" border="0" name="submit" alt="2">
</center>
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----etcetc-----END PKCS7-----
">
</form>
</p>

This work is my first attempt at coding in HTML; as stated, I'd now like to reassemble/line up all of these jpgs directly below the image.jpg (i.e. no line space separation this time!) along a single row that also matches the width of the image.jpg --- please let me know?

Many thanks!

Biff huh.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Darin McGrew
post Apr 13 2007, 12:08 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
I'm just looking to add this new page as the concluding page to the site...how do I ensure/specify that it adheres to that overall order?
Wow... What a flashback to David Siegel's "Killer Web Sites" philosophy.

As pandy explained, web sites don't have an "order". There's no way to inflict "entrance pages" or "exit pages" upon users.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 03:45 PM