Tables vs. Css - Page 2

Jazzee · 04-28-2005, 12:53 PM

I tend to agree with Davey on this one. If you are just learning, tables will probably be easier. Once you really understand how things work, move on experimenting with tableless designs.

DaveyBoy · 04-28-2005, 05:18 PM

Quote:

Originally Posted by Jazzee

I tend to agree with Davey on this one.

austendesigns · 04-29-2005, 06:21 AM

Ok, I've already read a bunch of tutorials but must have missed that one. The tables were going to kill me though, to many ways to align so I think my brain will work better the other way. Although maybe not.

alexis · 04-29-2005, 05:16 PM

Hi, I would recommend reading both: O'Reilly Definitive Guide for XHTML and O'Reilly Definitive Guide CSS (this one is by Eric Meyer).

I have to disagree with David, tables can be easier to get used to but CSS is so much powerful and once you "get it" you can design faster and easier than using tables.

Austendesigns, grab a copy of the books I mentioned and with some visits to www.alistapart.com you will be able to better understand web designing.

Regards!

DaveyBoy · 04-29-2005, 05:18 PM

Don't call me David, please

That's what me old girl calls me when the washing up hasn't been done

Yeah i'm just biased towards tables, cos it's all that i know.

alexis · 04-29-2005, 05:34 PM

Hehe

, no problem.

austendesigns · 04-30-2005, 09:56 AM

Thanks alexis. I'm slowly getting the hang of it! http://www.csszengarden.com sold me on CSS ... I've read some of the stuff at alistapart, as well as w3c and macromedias tutorials... it seems nothing is dedicated solely to what I'm trying to do, although I think "onion skinning" comes close.

heres my style sheet for what I'm having so much trouble with

<code> {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
left: 15px;
top: -286px;
}
.welcome {
position: absolute;
background-image: url(images/b_welcomebox.jpg);
background-repeat: no-repeat;
background-position: 140px 270px;
z-index: -1
}</code>

and here's where i'm not having any luck. The text is fine, formatted how i specify in the style sheet, but my background image is not showing up.

<code><div class="welcome"><div class="style1">I handcraft every bag from quality top-grain cowhide.<br>
Stitching is nylon for longest wear, all zippers and hardware <br>
are solid brass.</div><img src="images/b_welcomebox.jpg"></div> </code>

and again my code tags aren't working.
<----retarded

Jazzee · 04-30-2005, 11:01 AM

You need to use [ code ] instead of < code > to display code here.

Can you upload the page somewhere so we can see? It's always easier to help if we can see the problem.

austendesigns · 04-30-2005, 03:57 PM

silly me

http://www.lastchanceleather.net/test.htm

Jazzee · 04-30-2005, 04:13 PM

1. The background image doesn't show because it does not exist.
background-image: url(images/b_welcomebox.jpg);
Make sure you have b_welcomebox.jpg in the images folder.

2. The text doesn't show in firefox. Take out the z-index: -1; from .welcome and the text will show in firefox.

Jazzee · 04-30-2005, 04:16 PM

You should really download firefox to check your site as you go. It's a good idea to test in multiple browsers.

austendesigns · 04-30-2005, 05:02 PM

Quote:

Originally Posted by Jazzee

You should really download firefox to check your site as you go. It's a good idea to test in multiple browsers.

I was just thinking that today... just firefox or should I get the others too? or do they tend to go along with IE?

austendesigns · 04-30-2005, 05:06 PM

Quote:

Originally Posted by Jazzee

1. The background image doesn't show because it does not exist.
background-image: url(images/b_welcomebox.jpg);
Make sure you have b_welcomebox.jpg in the images folder.

2. The text doesn't show in firefox. Take out the z-index: -1; from .welcome and the text will show in firefox.

cool.. it works.. thanks so much jazzee!!