| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Pure CSS Rounded Boxes! (no images, no tables) | ||||
|
|
Thread Tools | Search this Thread |
#181
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Thanks-made the changes and works great in Firefox 3.5 but I lose the left and right borders (but not the bottom border) in IE 8-any idea why?
__________________
cnctech v4.1.9 CDSEO Pro Advanced Mini-Cart AOM Remember Me Remember Anonymous Carts BCS Fast Lane Shipping Estimator BCS Order Page Emailer BCS Authorize.net DPM BCS Inventory Pricing Checkout One |
|||||||
#182
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
Thanks again-got the IE8/Firefox problem worked out; it was a couple missing spaces between the "solid" and "color" hex number.
__________________
cnctech v4.1.9 CDSEO Pro Advanced Mini-Cart AOM Remember Me Remember Anonymous Carts BCS Fast Lane Shipping Estimator BCS Order Page Emailer BCS Authorize.net DPM BCS Inventory Pricing Checkout One |
|||||||
#183
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Is the code on page 1 of this post suitable for my v4.1.11 website?
The reason I want to replace my rounded corner images and boxes with pure CSS rounded boxes is to improve page load speeds and remove unnecessary images. The menus should look exactly the same as they do now. Is this worthwhile? I am not very good at css, but I could follow the step by step instructions on page 1 if they still work. Please help! |
|||||||||
#184
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Hello.
thank you for your post. Did anyone try it with 4.23 of 4.3? Are there any mod to make side bar menu with rounded corner? Are there any other posts on same topic? thank you.
__________________
|
|||||||||
#185
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
did anyone tryid it with 4.23? I have some problem. I need ot have BG color and cusotm rounded image for header. Aslo it break side border almost at the end of each blockhttp://www.webredesignpro.com/images/ROUNDED-CSS.jpg Could you be so kind and give me some advice. thank you.
__________________
|
|||||||||
#186
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
Please post link to I we can see it. Is it paid or free mode? Do you have demo? thank you.
__________________
|
|||||||||
#187
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Just need a little help-this mod workes perfect for me in IE8 but when I use Firefox 3.5 the bottom border of the center boxes is seperated from the rest of the box. This doesn't happen on the home page, just any subcategory page and only in the center box-the right and left vertical boxes display fine in both IE8 and Firefox. You can see this in action at: http://www.icai-online.com/series-1-1-1.5-2hp/. The code has been checked several times and I can't find any bad code and it does work correctly in IE.
Anybody have this problem? Any help would be appreciated. Thanks Wayne Here's a screen shot: http://forum.x-cart.com/attachment.php?attachmentid=1833&stc=1&d=126490986 3
__________________
cnctech v4.1.9 CDSEO Pro Advanced Mini-Cart AOM Remember Me Remember Anonymous Carts BCS Fast Lane Shipping Estimator BCS Order Page Emailer BCS Authorize.net DPM BCS Inventory Pricing Checkout One |
|||||||
#188
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Try adding a break tag to the bottom div, like this
Code:
__________________
Two Separate X-Cart Stores Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series. Integrated with Stone Edge Order Manager + POS Version 4.1.12 Gold (fresh install) - X-AOM - Linux Mods - XCSEO free |
|||||||||
#189
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
I tried adding the break tag-it didn't fix the problem. Here is my dialog.tpl code: {* $Id: dialog.tpl,v 1.25 2005/12/20 08:50:49 max Exp $ *} {if $printable ne ''} {include file="dialog_printable.tpl"} {else} <div class="xrounded"> <b class="xtop"><b class="xb1"></b><b class="xb2 color_a"> </b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b> <div class="xboxcontent"> <h1 class="color_a">{$title}</h1> <div>{$content} </p></div> </div> <b class="xbottom"> <b class="xb4 color_b"></b> <b class="xb3 color_b"></b> <b class="xb2 color_b"></b> <b class="xb1"></b> </div> {/if} If you see anything that would fix the problem I'd appreciate it. Thanks!
__________________
cnctech v4.1.9 CDSEO Pro Advanced Mini-Cart AOM Remember Me Remember Anonymous Carts BCS Fast Lane Shipping Estimator BCS Order Page Emailer BCS Authorize.net DPM BCS Inventory Pricing Checkout One |
|||||||
#190
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
Found the problem-it was the </p> tag in the middle of the code; thanks for taking a look.
__________________
cnctech v4.1.9 CDSEO Pro Advanced Mini-Cart AOM Remember Me Remember Anonymous Carts BCS Fast Lane Shipping Estimator BCS Order Page Emailer BCS Authorize.net DPM BCS Inventory Pricing Checkout One |
|||||||
|
|||
X-Cart forums © 2001-2020
|