Better looking footer

[longhorn1999]

www.the-wedding-printer dot com and devel.thepartyworks dot com are two of the best looking osC sites I've seen. It looks like both have taken

out tables in their coding. That being said, how would I alter the footer of a stock osC layout to get the links in the footer to line up in say

three columns of 5 links each instead of just in horizontal rows as the stock layout has?

 

Thanks

[multimixer]

There is absolutelly nothing in file includes/footer.php telling you not to design it as you like

 

It is like plain html, the difference is that the content gets "echoed". You can add any links to anywhere with any design. Just take care not to loose the session ID, links must use the tep_ref_link format.

[longhorn1999]

There is absolutelly nothing in file includes/footer.php telling you not to design it as you like

 

It is like plain html, the difference is that the content gets "echoed". You can add any links to anywhere with any design. Just take care not to loose the session ID, links must use the tep_ref_link format.

 

Thanks George. So then there's no need for any <?php or ?> in the footer code at all? Looking at the source code for part of the wedding printer's footer, I see where I should be using tep_href_links, but could you show me exactly how I should alter the syntax so that these can be divided into columns? I'm not really sure how HTML/PHP is coded differently for table-less vs. standard layouts. Do I still use <li> and <ul>?

 

<li><a href="http://www.the-wedding-printer dot com/help.php" rel="nofollow">Help</a></li>

<li><a href="https://www.the-wedding-printer dot com/contact_us.php" rel="nofollow">Contact Us</a></li>

<li><a href="https://www.the-wedding-printer dot com/account.php" rel="nofollow">My Account</a></li>

 

</ul>

</li>

<li>

<ul>

<li><a href="http://www.the-wedding-printer dot com/shipping_info.php" rel="nofollow">Shipping Information</a></li>

<li><a href="https://www.the-wedding-printer dot com/account_history.php" rel="nofollow">Order Tracking</a></li>

<li><a href="http://www.the-wedding-printer dot com/returns.php" rel="nofollow">Return an Item</a></li>

 

</ul>

</li>

[multimixer]

Do you expect to see the <?php .... ?> in the page source?

 

Of course you need it !

 

I don't know what this wedding site is doing, but you can read this here to learn how to create proper links in osCommerce --> What is the osCsid & why you must not loose it

[longhorn1999]

Do you expect to see the <?php .... ?> in the page source?

 

Of course you need it !

 

I don't know what this wedding site is doing, but you can read this here to learn how to create proper links in osCommerce --> What is the osCsid & why you must not loose it

 

 

Ok I see that and I probably every other site have already been using tep_href links. I didn't know that 'View Source' translates the page a bit to show the underlying link. Still I'm wondering though how to create columns here? I'm sure it's just some simple command but I'm not sure how to integrate whatever the divider command is into the <tr> <td> </td> </tr> format, as opposed to <li> <ul> </ul> <li>.

[multimixer]

You can cancel the <tr><td> structure and replace it by <div><ul><li> etc

[longhorn1999]

You can cancel the <tr><td> structure and replace it by <div><ul><li> etc

 

 

That's what I needed to know. Thanks George for that and also for the reference to the sid tutorial. I have some links to fix where I didn't even realize I had a potentially huge problem!

[jcocking]

Thanks George. So then there's no need for any <?php or ?> in the footer code at all? Looking at the source code for part of the wedding printer's footer, I see where I should be using tep_href_links, but could you show me exactly how I should alter the syntax so that these can be divided into columns? I'm not really sure how HTML/PHP is coded differently for table-less vs. standard layouts. Do I still use <li> and <ul>?

 

<li><a href="http://www.the-wedding-printer.com/help.php" rel="nofollow">Help</a></li>

<li><a href="https://www.the-wedding-printer.com/contact_us.php" rel="nofollow">Contact Us</a></li>

<li><a href="https://www.the-wedding-printer.com/account.php" rel="nofollow">My Account</a></li>

 

</ul>

</li>

<li>

<ul>

<li><a href="http://www.the-wedding-printer.com/shipping_info.php" rel="nofollow">Shipping Information</a></li>

<li><a href="https://www.the-wedding-printer.com/account_history.php" rel="nofollow">Order Tracking</a></li>

<li><a href="http://www.the-wedding-printer.com/returns.php" rel="nofollow">Return an Item</a></li>

 

</ul>

</li>

 

Thank you very much for the compliment on The Wedding Printer website. We have worked hard to create a nice looking site.

 

The code snippet you pulled is the basic information in the footer file. Just replace the actual link with the equivalent tep_href_link. You will now have my footer file.

 

The key is the CSS file. Since the site has no tables all the style and design is controlled by style sheets.

 

jeff