logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 06-15-2004, 04:31 PM   #1
underzen
 
Join Date: Jun 2004
Posts: 16
Default

So has anyone taken the plunge and converted a table based site to a pure CSS site?

I am thinking about doing it for a few of my sites. But when I think about it I always find an excuse not too, LOL
underzen is offline   Reply With Quote
Old 06-15-2004, 10:26 PM   #2
natimage
 
Join Date: Jun 2004
Posts: 13
Default

...wait...horrible memories returning!!!

Ok...I'm over it! I'm just being dramatic! I didn't try converting a site, but tried building one in all css. I can say that I have a decent understanding of css...completely self-taught though, and I don't have any books yet. Having said that, I will say that I won't do it again in the near future. I know there are people out there that are much better than me, and they've accomplished wonderful things with css. I, however, did not have the patience to go back and forth between Mozilla and IE trying to make the site work. If I only had to worry about one browser...it would have been a cakewalk!

Anyway...I gave up for now. I've gotten along pretty well with using nested tables for positioning and css for most everything else!

Good luck to you if you decide to go on the css journey! I learned a lot...but not enough, apparently!
natimage is offline   Reply With Quote
Old 06-16-2004, 08:42 PM   #3
gmcrone
gmcrone's Avatar
 
Join Date: May 2004
Location: Canada
Posts: 519
Default

Quote:
I, however, did not have the patience to go back and forth between Mozilla and IE trying to make the site work. If I only had to worry about one browser...it would have been a cakewalk!
Natimage,
What problems did you have as most CSS is cross browser campatible??

This is part of a CSS sheet for layout that I use on one of my sites:
body {
background: #E7E4D9 url(assets/v2_pbg.jpg) repeat-x;
margin-top: 160px;
margin-right: 10%;
margin-bottom: 0px;
margin-left: 5%;
text-decoration: none;
}
#logoDiv {
position: absolute;
left: 0px;
top: 0px;
}
#navDiv {
position: absolute;
left: 0px;
top: 106px;
}

All the above positions the DIV's on the page to specified areas and is fully compatible with all browsers..

Mike...
gmcrone is offline   Reply With Quote
Old 06-17-2004, 02:54 AM   #4
natimage
 
Join Date: Jun 2004
Posts: 13
Default

Well...I'm not sure. I will have to look into it again in the near future and maybe ask you more specifically about it. I love CSS...I really do!! I'm sure it has more to do with the fact that I've never "officially" learned it. I learn as I go.

I know one thing I've experienced is using absolute positioning, it seems like it always puts things in just a slightly different place in IE than Mozilla. Then there's the font thing, where it seems a slightly different size in IE than Mozilla. I know I've read some stuff on fonts and how to make it more consistent, but I must not have gotten my hands on the right stuff yet. Or I did, and didn't understand it!!

Anyway...I'm determined to do a complete site with CSS one day. Just not right now. I had to get away from it for a bit. And I need to get a book.......
natimage is offline   Reply With Quote
Old 06-17-2004, 09:09 PM   #5
gmcrone
gmcrone's Avatar
 
Join Date: May 2004
Location: Canada
Posts: 519
Default

If your going to get a book on CSS, I highly recommend "Eric Myer on CSS, Mastering the Language of Web Design" published by New Riders.
His other two books complement his new one.
"Cascading Style Sheets, the Definitive Guide", by O'Reilly & Assoc. and
"CSS 2.0 Programer's Reference" by Osborne/Mcgraw-Hill

If you buy any books on CSS these are the 3 to buy.

Have you looked at my article on "typography on the web" on the home page here?

Mike...
gmcrone is offline   Reply With Quote
Old 06-26-2004, 08:32 PM   #6
underzen
 
Join Date: Jun 2004
Posts: 16
Default

gmcrone,

Thanks for those book recommendations. I need to pick one up as I want to try to build my next site all in CSS
underzen is offline   Reply With Quote
Old 06-27-2004, 02:47 PM   #7
PayYourselfWeekly.com
 
Join Date: Jun 2004
Posts: 2
Default

I need my genealogy website to be compatible for the majority of the people who do online browsing. Most people doing genealogy are probably well retired and using older computers, hence older/slower browsers.

What is the best format of web page building to use to target this group? Tables, CSS, frames, or ?

I am very novice.

Thanks,
Terry
PayYourselfWeekly.com is offline   Reply With Quote
Old 06-27-2004, 03:04 PM   #8
gmcrone
gmcrone's Avatar
 
Join Date: May 2004
Location: Canada
Posts: 519
Default

I don't think you can generalize & say most of your users will be using older computers. I think that is a false assumption.
Most of my retired friends use at least a P4 1.0 ghz machine. Many of them have even newer machines.

As to the type of pages you need. It all depends on what is on your pages.
Browsers back to version 2 could see CSS 1 (not all equally tho)
According to webstats on various websites (such as browserwatch.com)
the majority of users are using a "modern" browser ( ver 5.0 & up).

I would use CSS for your basic layout and tables for your data from a database (you are using a database for look-ups, right).

Mike...
gmcrone is offline   Reply With Quote
Old 12-16-2004, 08:45 PM   #9
MenionLeah
 
Join Date: Dec 2004
Posts: 7
Default

gmcrone, i was just reading the boards and read this post and figured i'd chime in here.

The one thing that has kept me from trying to convert my site to CSS is that it seems there isn't a way at the moment to place/position images. For example, i need to update a couple of photos per week on my main page.

The only way i could find to do this was to make them part of my background image and use the css bg image code, etc.

This may have worked, but with my background layout best saved as gifs and my photos best saved as jpeg's, i was having no luck getting things to look nice trying to compress them for the web.

Just my experience, maybe i'm missing something.

Just wanted to chime in, since you seem pretty knowledgeable in CSS.

Thanks.
MenionLeah is offline   Reply With Quote
Old 12-16-2004, 09:20 PM   #10
gmcrone
gmcrone's Avatar
 
Join Date: May 2004
Location: Canada
Posts: 519
Default

It is not exactly easy, but CSS will allow you to position any element absolutely on your page.
This means you create a css rule for a div (called a layer in Dreamweaver) and specify the exact position on the page where you want it to appear. Then you place the image inside the layer.
Using Dreamweaver in Design mode you can move your layers around to where you want them.

If you look at my home page http://designconsultingltd.com I have several layers to position the elements on the page where I want them.
At the top of the page is my banner/logo layers, on the left side is my navigation layer,
and the main content is in another layer. Take a look at the source code for an idea of what I am talking about.

Do a google search on "CSS-P" ( CSS Positioning) I am sure you will find plenty of tutorials.

Mike....
gmcrone is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:42 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com