|
|
|
One More Problem - Content Alignment |
| message from Damaeus on 22 Jul 2004 |
I'm reposting this message which was originally a reply to another message.
I wonder if you could check one more thing. I spent some time on it,
but never could figure this one out, either. Out of the dozens of problems
I originally had, I finally got them all worked out except that last one
and this one:
The product listing pages -- in Internet Explorer, they render properly
with the item description and options to the right of the image and cart
functions. But in Mozilla/Firefox browsers, the item description and
options appear below the image and cart functions:
http://www.acupoflight.com/cgi-bin/store/commerce.cgi?cart_id=5028546.31636&exact_match=on&product=Blue_Willow
If I can get one last clue, I think I can leave you guys alone for a while.
Thanks,
Damaeus
|
| Gary White replied to Damaeus on 22 Jul 2004 |
You have so much invalid and deprecated code and so many improperly nested
tags in there that it's a wonder it displays at all. Try getting the code to
validate at http://validator.w3.org/. Then, if you still have problems,
maybe someone can begin to sort it out.
Gary
|
| Damaeus replied to Gary White on 23 Jul 2004 |
Well, the page is created on the fly. It doesn't really exist until it's
called through CGI. It's created from a set of templates. The page does
function as it is. Cart works and everything. However, trying to even get
the page to display at all in that way was confusing enough when having to
work with three template simultaneously without screwing up tags that call
Perl scripts.
I'll see what I can do, but....
Damaeus
|
| Gary White replied to Damaeus on 23 Jul 2004 |
I understand. You'll have fewer headaches doing that if you close all
tags in the same file in which they were opened. That part aside:
Your doctype is broken:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd"
You're missing a double quote at the beginning of the second line. It
should be:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
You have not specified the character set. Presumably you're just using
the normal Western European characters so add the following line to the
<head> of your page:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Move your JavaScript out of the library item and put it in its own .js
file so it doesn't wind up in the body of the page.
Embrace CSS at least for simple font and color formatting. That will
make your code MUCH cleaner and easier to debug.
You have a style sheet link in the <body> of the page (5 times for the
same style sheet!). It's not legal there. It needs to be in the <head>
and should only be linked once.
In your "select quantity button", you have this:
</TABLE></tr>
There is no way that can be valid. It *could* be as simple as a missing
</td> tag between them, but I don't have the time to sort it out right
now.
In your checkout code, you have this:
<TR WIDTH="618">
<FORM METHOD =" post" ACTION ="
http://www.acupoflight.com/cgi-bin/store/commerce.cgi"
<TD ALIGN="left" WIDTH="100" VALIGN="top">
There can be nothing between the <tr> and <td> tags. The <form> tag is
misplaced there.
Maybe, if you get those things fixed, we can get the problems down to a
more manageable number and work on anything else that might be causing
problems.
Gary
|
| Damaeus replied to Gary White on 23 Jul 2004 |
on Fri, 23 Jul 2004 09:03:54 -0500:
I can't seem to find a way to get Dreamweaver 4 to add that automagically.
After researching, I've found that there's no way to have Dreamweaver store
that code to insert whenever a new page is started. I saved a text file in
my root directory. I guess I'll paste it in whenever I start a new page.
Kind of klunky, but I guess it'll do.
Okay, I fixed that. Some of the pages had that tag, by the way, but the
author of the shopping cart software didn't include it in the .lib files.
I inserted it into its proper place.
That'll take some research on my part because I don't know how to do that.
I use a combination of CSS and font formatting within the page. I mostly
use it for keeping fonts uniform, but I use <b> and <i> on the page itself.
I thought it was silly to create a different style for each variation of a
single font.
I'll work on it. That may be due to the fact that the page uses a
template, probably at least two library items, maybe more. Plus there's
the editable region, I guess. That'll take more surgery than I feel like
tackling tonight. I've been up a while.
I removed the trailing </tr> and everything popped into place in Firefox.
Okay, it now looks like this:
<TR WIDTH="618">
<TD ALIGN="left" WIDTH="100" VALIGN="top">
<FORM METHOD = "post" ACTION = "%%scriptURL%%">
Well, the site still works and it renders properly in Firefox, which is
what I was after. I always knew the Javascript code was ending up in the
wrong place, but didn't know what to do about it. I didn't bother spending
a lot of time on it because once I got it working, I didn't want to risk
tearing the whole site down for a week if I happened to royally screw up
something by moving a bunch of things around. I still don't know all there
is to know about Perl, though I have learned quite a few things after
working with various parts of the cart program. I feel more confident now
that I can go in and change something without fear of disabling the whole
site completely. It's not *my* business. It's somebody else's and I don't
want him to get mad at me if he can't sell anything for a week while I
screw around with his site.
So I do like the idea of getting the actual Javascript code out of the page
and into its own file. I never liked having it directly in the page
anyway. So that'll be my next project.
Thanks,
Damaeus
PS - and if I screw it up in the process, you can bet I'll be back here to
post another question or two.
|
|