Page 1 of 1
Wrapping text within a table
Posted: 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.
Thank you
jjstccean.
Diagram:
(click for bigger pic)
Re: HTMLPad 2008 ver (9.0.0.97)
Posted: 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)
Posted: 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)
Posted: 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
Posted: 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
Posted: 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.
thank you.
jjstccean
Re: Wrapping text within a table
Posted: 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
Posted: Sun Jul 06, 2008 7:38 am
by jjstccean
Thank you very much syrupcore, and also for the extra info! I appreciate it.
jjstccean.