Sotl Posted December 15, 2010 Posted December 15, 2010 Hey, I am currently helping my brother set up a new site and while doing so we noticed that on some screens the buttons in the top right corner overlap each other depending on the resolution, is there a way to fix this and if so how please? The last thing is i wish to fix the footer to the bottom of the page, i have tried a few methods which i saw online for your usual site but neither of them worked. Any help would be very welcome. Link: Website Thanks, Jake
ErikMM Posted December 15, 2010 Posted December 15, 2010 I believe it has to do with the size and placement of your images. I looked around your site, but didn't see any movement, but perhaps it is my browser size. I am guessing the store logo is too big/wide. It can be that big, I just don't know how to fix the cart and account buttons so they won't move and you can keep that large image. I know that I had my store logo set, then did a trail run and a new button, log off, appeared because I made an account to test things. The extra "log off" moved all the buttons. It looked bad. I just changed the size of my logo as to not deal with this because my kills are limited. I am going to post a road map for some of this soon...like in a few minutes...I will build on it, but think the footer question will be there. a-how-to-road-map 2.3.x road-map-for-the-newbies design basics how to make a horrible osC site ssl-how to updated-security-thread Web Developer, Firebug, and Notepad++ are powerful free tools for web design.
Sotl Posted December 15, 2010 Author Posted December 15, 2010 Hey, Thanks for the reply, I considered that but i also installed the same one onto my site as to test the software and i made no changes to the files except replacing the logo with the exact same size png. Link - as you can see on this site, it's the exact same.
ErikMM Posted December 15, 2010 Posted December 15, 2010 Hey, Thanks for the reply, I considered that but i also installed the same one onto my site as to test the software and i made no changes to the files except replacing the logo with the exact same size png. Link - as you can see on this site, it's the exact same. this is the road map for 2.3.1 I am starting http://www.oscommerce.com/forums/topic/368458-231-a-how-to-road-mapno-questions-just-how-tos-please/ a-how-to-road-map 2.3.x road-map-for-the-newbies design basics how to make a horrible osC site ssl-how to updated-security-thread Web Developer, Firebug, and Notepad++ are powerful free tools for web design.
Sotl Posted December 16, 2010 Author Posted December 16, 2010 seems i fixed the checkout buttons myself. Heres what i did: Open: includes/header.php Find: <div id="headerShortcuts"> Replace with: <div id="headerbuttonsshort"> Find: <div id="headerbuttonsshort"> <?php echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) . tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) . tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL')); if (tep_session_is_registered('customer_id')) { echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL')); } ?> </div> <script type="text/javascript"> $("#headerShortcuts").buttonset(); </script> Move Above of: <?php /* $Id$ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Open: stylesheet.css Find: #headerShortcuts { float: right; margin-top: 15px; } Add After: #headerbuttonsshort { float: right; margin-right: 4px; margin-top: 2px; margin-bottom: 1px; } I tried editing the "#headerShortcuts" tot he way the new one is but it didn't want to work. I'm still stuck on the footer though. also i am trying to add a jquery slider to the front page (replacing the "Welcome message" in index.php) but it says i need to add this code to the top of the page <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> and when i do it fails to work (i also change the link directory to the correct ones) but also gives me a error with the session.php file, is there a certain place i need to put code other than in the index.php file? Thanks in advance ^^
Sotl Posted December 23, 2010 Author Posted December 23, 2010 anyone able to help me with the footer problem and jquery problem? been without a pc the past 4/5 days so not been able to do anything to figure it out.
ErikMM Posted December 23, 2010 Posted December 23, 2010 anyone able to help me with the footer problem and jquery problem? been without a pc the past 4/5 days so not been able to do anything to figure it out. you probably saw this: http://docs.jquery.com/UI/Slider, and this: http://www.oscommerce.com/forums/topic/366099-nivo-slider-for-osc/ Themeroller has slider options, but as far as getting them to show, I am not sure. I imagine the code is already in 2.3.1. What do you want to do with the footer? a-how-to-road-map 2.3.x road-map-for-the-newbies design basics how to make a horrible osC site ssl-how to updated-security-thread Web Developer, Firebug, and Notepad++ are powerful free tools for web design.
Sotl Posted December 23, 2010 Author Posted December 23, 2010 you probably saw this: http://docs.jquery.com/UI/Slider, and this: http://www.oscommerce.com/forums/topic/366099-nivo-slider-for-osc/ Themeroller has slider options, but as far as getting them to show, I am not sure. I imagine the code is already in 2.3.1. What do you want to do with the footer? Thanks ^^ also the i want the footer to be fixed to the bottom so there is no gap at all, however every code I've tried so far does not work.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.