ron2fs

I have a table with three levels of headings and 6 columns; looks ok but I cannot find a way of setting cellspacing and colspan in CSS. Would appreciate some guidance - many thanks.

Ron

many thanks for all your help; I can now position items as I want. I did find the code from dsonesuk to be over my head! I've now opened a new thread on tables using CSS

Ron

eureka!! I found the solution - I searched through the tutorial on CSS and there was this little gem:

<!-- .text_line{clear:both;margin-bottom:2px;} -->

which I linked by styling a non-breaking space:

<p class="text_line"> ;</p>

works fine!

I think this resolves my original problem unless you have further suggestions, so once again, many thanks for your help.

Ron

I've tried Davej's piece of code - works great in the horizontal plane, but the following material - tables, images text - pushes up between the two blocks of text. I have also tried this code with two images - same result. Is there some way of keeping the following elements in their proper place?

Ron

Hello

many thanks for your input; I am now putting this piece of code onto my test page; will report back later

Ron

Hi!

I would like to position two blocks of text on the same horizontal line on a scrolling page; the first text is enclosed with:

<div class = "firstposn"> block of styled text </div>

and the second with:

<div class="secondposn">block of styled text </div>

The CSS style is:

.firstposn{ position:relative; left:10%;}

and:

.secondposn{position:relative; left:70%}

The styling of the text with "width" is such that the blocks would not overlap. However, when displayed, the blocks are positioned one after the other vertically. I have tried this with other elements - e.g. two images, an image and a list, and an image and a block of text - all with the same presentation - i.e. one after the other vertically. Previously, I used tables to get these items horizontally adjacent.

I would appreciate some guidance on this.

Many thanks

Ron