2 columns of text either side of Flash

1/. I want there to be two columns of text either side of my cube swf thingy, using xhtml/css. I'm still not very clear on how to do this.

2/. I also need to create table-like structures without, of course, using tables. How is this accomplished with CSS? I need 3 rows and 1 column. The middle row is where another <div> resides which contains the text or content. It has the bground image repeating y. The rows above and below this row need to be a fixed height and contain the top and bottom images of the frame as their background.

I assume both are quite similar. If I get to grips with how tables are 'emulated' with CSS I believe that'll be a huge hurdle overcome!

Thank you very much, if it is clear and works.

Could you draw a picture showing the layout you want?
However this is what I think you want

HTML: Select all

<div style="width: 100%; height: 50px; background-color: #F00;">Header</div>
<div style="width: 20%; background-color: #0F0; float:left;">Left Column</div>
<div style="width: 60%; background-color: #FF0; float:left;">Flash Object</div>
<div style="width: 20%; background-color: #00F; float:left;">Right Column</div>
<br style="clear: left;"/>
<div style="width: 100%; height: 50px; background-color: #0FF;">Footer</div>

You can convert each of those styles to a class (or ID) in your css

Fantastic! Thanks.

I'm now on the verge of having a tableless homepage! However, there's still a couple of issues (found here: http://www.crewsfx.com/xindex.html ):

1/. The blogger and policy buttons don't go side by side, which is weird seeing as the big buttons do and they're inside the same class.

2/. Why are there rectangles around the buttons? They are blue in the DW environment, non-existent in Safari, and grey in Mozilla.

Thanks in advance.

add img{ border: 0px; } to your css or style="border: 0px;" to your images

You are a legend!

In the next few mins I'll have it up! As my proper homepage:

www.crewsfx.com

Thank you!!!!!!!

I noticed on your old design your "bloger" and "important" blocks are on one line but in your new one they are not, not sure if you noticed or not.
And the link for your "I want a" doesn't work on the xindex

Yeah, just this second noticed. It's weird cos they were next to eachother in DW so I didn't bother previewing it b4 i uploaded. So why? And also, they don't function as buttons!

<img src="images/policy.jpg" /img>
should be
<img src="images/policy.jpg" />

I'm not sure if thats what causing your problem but it may be

No, hasn't resolved it. Again, fine in DW but not in browser.

for those two images you will need to place them on the same line

HTML: Select all

<a href="blog.html" title="What's happening, right now?"><img src="images/bloggertab.jpg" alt="Blogger" /></a><a href="policy.html" title="WARNING: Very boring"><img src="images/policy.jpg" /></a>

I can't figure out why the links arn't working >.<

I don't understand why, but that has fixed the issue. I didn't have to put the big button code in a line. Also, do u always have to close the last of a group of images with /> instead of /img> ?

Yeah, why they aren't acting as links is baffling. I tried putting them between divs but no luck.

ps: is >.< a sign of ouch or baffledness, or r u pointing to a full stop i've misplaced?

you use <tag></tag> or <tag /> but not <tag /tag>

Images are weird in that if there is any white space bettween them they like to act funny its annoying.
If you realy need to brake them into multipule lines the only way to do it (that I know of is
<img src="blah"
/><img src="blah2" />

But thats ugly looking.