Topic: Content sans table woes

This is driving me absolutely batty.

In Tech-Slop, I use tables for the content. At the time, it was a matter of convience. However, I am working on something along the same lines and I'm trying to use CSS instead of tables to format similiar content. You know, content with lots of images with perhaps a few words to go with each one. For example, Broken China.

For the life of me, I can't figure out how to do the same thing with CSS. Either everything jumbles together, or I get a boat load of errors when I try to validate. Sure, I can do a basic lay-out with CSS, but I know next to nothing about formatting content. So far, the only thing I have been able to figure out is to use {display: inline-table;}, but that's about it.

What is the proper way to go about doing such content with CSS?

edit:
Crud! I'm being an idiot again. All I had to do is change id to class.
I did indeed do it all for the nookie.



[This message has been edited by warjournal (edited 11-22-2003).]

Ah, fuck it. Thought about starting a new thread, but I just plain don't want to. Right now, I'm in the mood for some follow along with WJ.

I used to be very proficient with HTML and CSS. Gave it up for awhile to focus on other things. Back when I was teaching myself HTML and CSS, I spent quite a few hours banging my head trying to figure certain things out. Now, I have to relearn all of that stuff because I have been away from it for so long. Back then, I didn't mind banging my head. Now, because I used to be proficient, I detest banging my head. Hence, I'm much quicker to jump the gun as evidented by two recent silly posts.

Earlier today I did a major boo-boo. Since I'm getting into PHP, certain things have to be done when using & in the URL in order to avoid errors. Being the suave chump that I am, I did a global search-a-replace: & > &. The chump part is that I used the wildcard *.* to make sure that I got all files. Sure enough, I got all of the files. Now I have to redo all of those lovely graphics that I had laboured over. Plus I had to hunt down all   that got converted to  .

I'm also following some advice that I had read at W3C a long time ago. They say that it's good to declare the XML do-hicky even if you aren't using it explicitly. So I am, but the XML thingy is escaped with <?, which is also used for PHP. Talk about a nightmare, especially with ?> tossed in at the end of the XML thingamabob. Over at PHP.net, I had read about how to do it properly with echo, but I couldn't find my way back to the page. After some more head banging, I finally got it echoed properly with some \" and "." tricks.

Everytime I read those little nuggets, I usually cut-n-paste into a notes.txt that I have laying around. Apparently I haven't been doing it nearly enough as of late. More head banging.

Ah, PHP. For some reason, the PHP on my local host if very temperamental. If there are five different ways of doing things, my PHP will only like one of them, and I'm left to trial-n-error. Don't get me started on parsing a URL, not to mention the lack of query_string and other global constants (or whatever those things are callled).

Now, if you'll excuse me, I have a buttload of ids to turn into classes. Gotta have that validation don't ya know. Then I have to clean up my PHP chunks and put in some nosey visitor error handling. Promises to be fun.

edit:
{width: inherit;} and
{width: 100%;} are not the same thing.
In this one particular case they should be, but they are not.
At least, I think they should be.
~scratches head~

You know, I'm starting to hate IE for making correct assumptions about poor code. It's allowing me to be sloppy and I don't need that right now. That is, I don't always catch the sloppiness until it's way too late.
That's not shagadelic.


[This message has been edited by warjournal (edited 11-23-2003).]

I found some interesting solutions on this page. It may not be what you need as I am not certain what your question is but I am going to post it..The solutions on this web site are for content rather than text fomatting.
http://css.maxdesign.com.au/index.htm

quote:

---

You know, I'm starting to hate IE for making correct assumptions about poor code.

---

Only starting to? This is why I test my code in Mozilla and Opera first.

quote:

---

{width: inherit;} and
{width: 100%;} are not the same thing.
In this one particular case they should be, but they are not.

---

nope they are not the same thing and they will never be.

Later,

C:\


~Binary is best~

Whoops! Haven't been back to this in awhile.

quote:

---

6.2.1 The 'inherit' value
Each property may also have a specified value of 'inherit', which means that, for a given element, the property takes the same computed value as the property for the element's parent.

---

If the parent is 100% and the child is inherit, then they should be the same.
Then again, chances are I'm using the selectors wrong (which I've been meaning to look into).

Skyetyger, thanks for the link. It's on my to read list.

Oz, shut up! Quit giving simple solutions for dumb mistakes! :sheesh:



[This message has been edited by warjournal (edited 12-18-2003).]

hmmm.....so they are supposed to be the same if it is set to 100%?? I've never had much luck getting that to work for some reason. gonna go see what i can find....

Later,

C:\


~Binary is best~