Page 1 of 1

Wrapping text within a table

PostPosted: Fri Jul 04, 2008 2:19 pm
by jjstccean
Hi. I'm doing a (table with one cell (within a table)) - I have a paragraph of text typed into the first table between <td><p>Paragraph</p></td> -
What I don't seem to get right is to have the paragraph in the main table "wrap around and down" the extra inserted table? I keep on having to add some </br>'s to achieve this; is this the only way to do it? - please, any suggestions or assistance will be greatly appreciated. :D

Thank you

jjstccean.


Diagram:
Image
(click for bigger pic)

Re: HTMLPad 2008 ver (9.0.0.97)

PostPosted: Fri Jul 04, 2008 2:24 pm
by chrisjlocke
As this isn't a fault with the program, I'll move this to the 'self help' forum.

Any chance of a diagram or sketch of what you're trying to achieve? (even draw it using the tables in Word?)

Re: HTMLPad 2008 ver (9.0.0.97)

PostPosted: Fri Jul 04, 2008 3:54 pm
by jjstccean
Thank you kindly for your time. I seem to have a problem uploading "tablewithintable.jpg - it is only 42.2kb.

I'll try again later.

jjstccean

Re: HTMLPad 2008 ver (9.0.0.97)

PostPosted: Fri Jul 04, 2008 4:17 pm
by chrisjlocke
Feel free to email it to me blumentals at chrisjlocke dot co dot uk and I'll host it. :)

Edit: Have changed your topic title to something more meaningful.

Edit #2: Have included your pic in your original post.

Re: Wrapping text within a table

PostPosted: Fri Jul 04, 2008 7:23 pm
by syrupcore
Please post your source code. We'll help you fix it and then convince you to not use tables for laying out text - but only after we fix it, promise. :)

Re: Wrapping text within a table

PostPosted: Sat Jul 05, 2008 8:08 am
by jjstccean
Hi syrupcore

OK, you've convinced me. I'm not going to waste any more time on using tables to layout text as it is a real slog - but only if you can convince me otherwise please. :D

thank you.

jjstccean

Re: Wrapping text within a table

PostPosted: Sun Jul 06, 2008 12:25 am
by syrupcore
Here's one way to do it.

The HTML:
Code: Select all
<div id="content">
   <h1>Welcome to my website</h1>
   <div class="callout">
       <p>Areas covered: "Cape South ....</p>
   </div>
   <p>Microtigers computers is managed from a home ...</p>
</div>


Then, in your CSS add:
Code: Select all
div#content{
  margin: 0 auto; /* will center the content in the browser */
  overflow: hidden;
  width: 960px;  /* or whatever width you want your main container to be */
}

div.callout{
  border: 1px solid #cccccc;
  float: right;
  width: 200px;
}


You'll need to play around with it but that should get your started. You can read more about floats here: http://css.maxdesign.com.au/floatutorial/

Will

Re: Wrapping text within a table

PostPosted: Sun Jul 06, 2008 7:38 am
by jjstccean
Thank you very much syrupcore, and also for the extra info! I appreciate it.

jjstccean.