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 12 2007, 08:17 PM
Post #2


WDG Member
********

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



In what way would it "decay"?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Biff_Reseda
post Apr 13 2007, 08:36 AM
Post #3


Newbie
*

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



QUOTE(Darin McGrew @ Apr 12 2007, 09:17 PM) *

In what way would it "decay"?


Hi Darin,

Looking at the task and hand, the total available width of the column relative to total cells that I wanted to use would have made things too cluttered. So I've abadoned this as an approach.

BUT I have another question for you: after making the new adjustments to the page, I uploaded it to the web server and typed in the new URL: everything formatted correctly and functioned perfectly EXCEPT for an .html# in the URL when I clicked on a pop-up window from the page.

What does this mean?

AND please advise as to what is required to fully integrate the page into the fully functioning site in order to make sure that this new page "falls on the correct page number" i.e. is found in the spot that I want it to be found? Will the code associated with the left menu navigational items ensure correct page order?

Many thanks!!

Biff
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 13 2007, 09:26 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



The "#" probably means you have used a hash sign as the value of href (bad) and that your javascript isn't correct.

What do you mean, page order? Are you printing a book? happy.gif
Jokes aside, I have a feeling you complicate things. It's hard to give advice without a page to look at. It isn't all that clear to me what you want to do either.
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: 25th April 2024 - 12:33 PM