chrometweaks.org

How do I create a website with iPage?

Click Here To View All Answers...


Got a question, hope someone can answer... How do I create a website with iPage? Thanks for any response. Another quick question... I would like to develop an OSCommerce iPage site utilizing CSS exclusively in lieu of tables. The index.php I see in front of my is lousy with nested tables, quite a hairball. The existing stylesheet.css has far to many TD and TR declarations to be healthy..

Has anyone reworked the templates to be table-free? I'm not sure I'm ready to start this effort on my own, but would appreciate a chance to see what someone else has already attempted...

Comments (148)

That's a good question. I'm not sure what is the right answer to your question. I'll do some research and get back to you if I discover an anything. You should email the people at iPage as they probably could help you..

Comment #1

Does anyone have a breakdown of which PHP files actually display information directly?.

So far I have:.

Index.php.

Catalog.php.

Shopping_cart.php..

Comment #2

Most of the PHP files in the catalog directory display fixed output. Also, most of the files in includes/boxes and includes/modules, not to mention the header and footer in includes/, output HTML. In addition, some functions and classes output dynamic code, mostly imbedded in tables..

You will have quite a task getting rid of all of this, and even more of one in getting pure css pages to display in the browsers that your customers will be using..

I don't believe that this is worth the effort right now, although it might be in a year or two. For now, why not concentrate on building a store that customers want to use?.

Regards.

Jim..

Comment #3

I think that's good advice. I don't think css usage is advanced far enough right now. See my post above. Too many browsers out there don't handle it correctly...

Comment #4

I'm the customer and I'm involving myself with the design and I just find it a lot more flexible and easy to work with CSS than with a spaghetti nighmare of table tags..

I'm very disappointed to hear that some of the template functions output tables. That's a programming expedience that will be regretted by OSCommerce users in the future..

I think I will at least produce an index.php template that is CSS only, and look at approaching the other templates one by one over time..

I'd like to make this work, because I like OSCommerce but fear it will be difficult to support long term without compliant XHTML...

Comment #5

If you treat it like a goal rather than as something you need right now to get a store running it's a noble cause..

You're right about the long term. Show us your progress and maybe others will pitch in...

Comment #6

I dont know of any of the GPL ecommerce solutions out there that utilize CSS the way you are discussing. There are a lot of good people here, who know quite a bit, and then there are those who dont know what a php.ini file is or what curl is, etc...

Comment #7

Here is a start for you:.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">.

<head>.

<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />.

<title><?php echo TITLE; ?></title>.

<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER)DIR_WS_CATALOG; ?>" />.

<link rel="stylesheet" type="text/css" href="stylesheet.css" />.

</head>.

<body>.

 <! body //>.

   <div id="container">.

 <div id="header">.

         <! header //>.

         <?php require(DIR_WS_INCLUDES'header.php'); ?>.

         <! header_eof //>.

       </div>.

       <div id="column-left">.

         <! left_navigation //>.

         <?php require(DIR_WS_INCLUDES'column_left.php'); ?>.

         <! left_navigation_eof //>.

       </div>.

       <div id="column-right">.

         <! right_navigation //>.

         <?php require(DIR_WS_INCLUDES'column_right.php'); ?>.

         <! right_navigation_eof //>.

       </div>.

       <div id="content">.

         <div id="pageheading"><?php echo HEADING_TITLE; ?></div>.

         <div id="pagecontent"><?php echo TEXT_INFORMATION; ?></div>.

         <div id="pagecontinue"><?php echo '<a href="'tep_href_link(FILENAME_DEFAULT)'">'tep_image_button('button_continue.gif', IMAGE_BUTTON_CONTINUE)'</a>'; ?></div>.

       </div>.

 <div id="footer">.

         <! footer //>.

         <?php require(DIR_WS_INCLUDES'footer.php'); ?>.

         <! footer_eof //>.

       </div>.

   </div>.

 <! body_eof //>.

</body>.

</html>.

<?php require(DIR_WS_INCLUDES'application_bottom.php'); ?>..

Comment #8

Thanks, Burt, I'll play with that a little bit and see how it works..

Whatever I come up with, I'll be sure to post something back here, probably in the contributions section...

Comment #9

Hi Mitch,.

I have used a template system for it, but I managed to remove all main layout tables. There are some tables left, some of which for tabular data, went from about 48 (standard osC) to 9 tables..

Http://www.eeweb.nl/...Dir=CSS-fluid-1..

Comment #10

By the way tested the iPage site in several browsers:.

IE5.x (PC and Mac).

IE6.x.

Opera (version?).

Mozilla/Netscape (several versions).

And several minor browsers..

Only IE5.x Mac shows a little error, all other above browsers appear to display the shop perfectly!.

(but the "famous version 4" or older browsers I really don't want to know about)..

Comment #11

Actually all v5.x or higher browsers handle CSS positioning and CSS based layouts just fine. The problem is too many coders don't follow the standards and don't do it properly or try to fix what they didn't code correctly in the 1st place with so called "css hacks"..

If done properly, you can get a full XHTML/CSS layout that will show proper in all v5.x browsers or higher or equivalent (and without the need for "css hacks")..

I also don't think you should get rid of tables all together either. Use them for what they are designed for - holding tabular or naturally table styled data - but not for layout..

I am working on converting our one iPage site to XHTML/CSS based layout with a few tables in places where appropriate (like the shopping cart page section that shows the cart contents, etc). Hope to launch it mid April, but doing many changes besides the XHTML/CSS, so I can't say for sure...

Comment #12

PS. IMO, IE5.x for Mac is probably the best browser to test CSS layouts on. It holds more strictly to the standards than any other browsers I know of. Where some browsers would be more forgiving on coding errors, IE 5.x Mac usually is not (probably why so many designers do not like it, but in actuality it is a fantastic designer's tool because of how close/strict it holds to the standards. Forces you to do/learn proper coding.

[not that great for surfing as it is kind of slow])..

It does have a few bugs, but they are not really anything really very big, and can generally be avoided without any dramatic "CSS hacks"...

Comment #13

I guy called Matti seems to have created a full CSS osC shop!.

(Also using the BTS see:.

Http://forums.eeweb....topic.php?t=118.

).

Http://www2.voimaharjoittelu.net/.

Outstanding! (don't forget to take a look at the HTML source).

Only did a quick test but, no browser compatibility problems as far as I can see...

Comment #14

I would like to develop an OSCommerce iPage site utilizing CSS exclusively in lieu of tables. The index.php I see in front of my is lousy with nested tables, quite a hairball. The existing stylesheet.css has far to many TD and TR declarations to be healthy..

Has anyone reworked the templates to be table-free? I'm not sure I'm ready to start this effort on my own, but would appreciate a chance to see what someone else has already attempted...

Comment #15

I've seen some really whacked out css only pages..

There's a iPage site I need to visit (one of my hosts control panels) that's all css..

It's barely usable in one way in IE barely usable in another in Netscape..

I usually end up just turning style sheets off..

This post has been edited by.

AlanR.

: 10 March 2004, 16:42..

Comment #16


This question was taken from a support group/message board and re-posted here so others can learn from it.