Help - Search - Members - Calendar
Full Version: Anyone Using Css To Get Rid Of Tables?
MonsterSmallBusiness Forums > MonsterWebDesign > Designing Your Storefront
michaelf9
I am thinking about re-designing our site to use css and get rid off all the tables on our main page. Has anyone else done this with their site / or thinking about doing it? Was wondering if I would have any problems with the monstersmile.gif Software.
MartiniGuy
QUOTE(michaelf9 @ Feb 26 2007, 04:10 PM) [snapback]122056[/snapback]
I am thinking about re-designing our site to use css and get rid off all the tables on our main page. Has anyone else done this with their site / or thinking about doing it? Was wondering if I would have any problems with the monstersmile.gif Software.

Hey michaelf9...
Thinking about it--yes!
...possible problems...most likely.
Not sure that you could build a completely compliant css site in the system, but if you did, you would certainly be a trail blazer.
Not saying that it cannot be done--but I (personally) have doubts.
If you do, please share what you've accomplished. This would be a fantastic topic of discussion!

All the best and great luck on the endeavor!
martiniemoticon.gif
daddies420
I have been trying to replace my tables with css. Take a look at my main category pages.
http://www.daddiesboardshop.com/index.asp?...mp;Category=225

It works great and once you get used to designing without tables it is awesome. What you are allowed to do is almost limitless. I also use css on my checkout pages. Feel free to use my css code.
Dan Loveland

I also use css tableless layout on my homepage.
KennyE
QUOTE(daddies420 @ Feb 27 2007, 12:34 PM) [snapback]122104[/snapback]
I have been trying to replace my tables with css. Take a look at my main category pages.
http://www.daddiesboardshop.com/index.asp?...mp;Category=225

It works great and once you get used to designing without tables it is awesome. What you are allowed to do is almost limitless. I also use css on my checkout pages. Feel free to use my css code.
Dan Loveland

I also use css tableless layout on my homepage.


Not sure what I'm missing, but I see <table></table> all over your code. But I do like your site layout. Responds very quickly. BTW, you are referencing https:// on several of your Category links. All in all it won't really hurt. But I just thought you might have missed that.
daddies420
monstersmile.gif uses tables to build some of the wesbite I believe. Don't take me literally when I see tableless otherwise you will "miss it". The site still uses tables here and there. My homepage messages does not use tables. Did you see my homepage specials? This layout was created without tables and is all CSS. My longboard gear page was created without tables. My left column mouse over menu is all css and uses no images or tables.
My top of the page code does contain tables.
I have not figured out a way around this yet. Too busy running my store. I know some of my links go to https:// thanks for the heads up. What I really was refferring to was my main page and sub page layouts as well as the left menu. They are built from css code. If you want some good examples www.backcountry.com is using css extensively and this is where I found some cool ideas. I would be scared to go completely tableless on the whole site due to browser compatability issues.
I am sure you are looking around for css codes and you can get the idea that totally css tableless layouts are more often used on content/informational sites rather than online shopping. If you want some good ideas check out www.dynamicdrive.com I have been using this site since 1995 when my site was completely static html and authored it through frontpage. Dare I say that.
KennyE
I did notice your css menu. Very nice. I had played with the idea of all css as well. I'm still kinda in that html vice, tho'. And as you mention ........ running a store takes a bit of time as well. Good job on intergrating you own css into the cart software. thumbsup.gif
daddies420
Thanks and have fun working on our your site. It is an ongoing adventure.
smarti01
I am pretty sure that anything dynamic in the site is built on tables so the only stuff you can really go full out css are on the custom pages, the header, nav bars, & footer. I think the center content will be table based (correct me if I am wrong-please). I just rebuilt the homepage, left and top nav & footer in css and have used this css in the store but the cart program will add a table to the left column, header and footer. That's okay, my main purpose was to have a very search friendly homepage and I think it was accomplished. I am still a newbie with css but feel free to look. http://saxophone.com. The homepage uses fixed width divs and floats and so there are a few hacks I had to implement for IE 5. Also, I used a faux column on the left column to make it span the length of the page.

I still have some fixes to get rid of tables on my custom pages. Also, MC uses a different doctype than I do (I use transitional XHTML) and there is some odd stuff going on with MC pulling in header info from my custom html (which I wanted) but also adding their header info (which I do not want) to the dynamically generated pages. I have to figure this stuff out and will post these questions elsewhere. I am thrilled that I got this far though...it can only get better thumbsup.gif
Keepfiler
Hi Smarti01,

Thanks for that post. Your site look great but I do see you still have some problems with the code. I wonder if you are one step too fare ahead of the search bot's technology. If you look at the cache page G' has made of your front page it does not look too well. However do you have any feeling if the index bot's actual finds all your links everytime they make a new indexing of your site ???

One reason I am asking is that we got a problem at present and G' bot may come by and make a new cache of the home page but don't fine all the new links that may have been added. I think the reason is that there are way too much code on our front page.

Do you think this may be the issue ???

Keep
michaelf9
I hired someone to update my main index page from tables to table-less compliant css at www.vibracious.com/index.html. I am very happy with the result. The problem is when I try breaking down the individual sections and plugging them into monstersmile.gif. The main content portion doesn't format correctly. Should I convert the divs back into tables for it to display correctly in monstersmile.gif?



chrisGC
I found it best when using CSS in your custom fields to have one container DIV with an ID and then have all your styles cascade from that. Take a look at www.greekcreations.com it has lots of custom html pages but it's mostly using css throught the site.
michaelf9
Thanks ChrisGC. I really like your site, you did great job!

QUOTE(chrisGC @ Mar 20 2007, 08:42 AM) [snapback]122808[/snapback]
I found it best when using CSS in your custom fields to have one container DIV with an ID and then have all your styles cascade from that. Take a look at www.greekcreations.com it has lots of custom html pages but it's mostly using css throught the site.

csmith
We have sucessfully done one of our latest site with div and CSS and are working on another site now. With css, java and some creativity we have really been able to break out of the standard ecommerce look and feel that monstersmile.gif brings usually.

http://www.xmradiopromotions.com

If you get stuck or need help with some stuff we have documented some info on what css settings we have used to change stuff in monstersmile.gif.

-- Chris
chrisGC
I am confused by your site. You guys only sell one product which is the Crown 140 MaxPack? If so I don't see the need of a shoping cart.
csmith
personal opinion on your part I suppose. We need to sell products either one or multiple ones and need to collect payment one way or another, and when dealing with high profile clients a paypal checkout just won't cut it for some reason. We are a monstersmile.gif commerce reseller so we purchase stores in bulk, currently running around 5 or 6 other monstersmile.gif stores with around 2 or 3 others in development. On top of that, there will be more products added to the site as time goes on. store just went up, figured I would show how we styled monstersmile.gif to have complete control over every aspect of the store including the check out pages.
chrisGC
Totally understandable. Like you said it's a matter of opinion and if it works the way you need it then more power to ya.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.