writing in two colums
-
shalom
i would like write in two cloums
something like thatahahakhaka akhakaka
ajhakahkaa kjkaklal
ajkkahkahk akhakaalbut when i save the draft it all goes back toegther
how do i creat this. thanksThe blog I need help with is: (visible only to logged in users)
-
You write a table in HTML and manually cut and paste your text so that it fits in the two columns. There isn’t any other way to do this of which I’m aware. The Depo Masthead theme has columns, but I think it has three or four, not two.
-
-
Or you could make your post into columns:
TEXT ON TOP NOT IN COLUMNS <div style="float: right; width: 50%;"><span style="color:#ff0000;">•• </span>YOUR TEXT OR PICS HERE</div> <div style="float: left; width: 50%;">PICTURES or TEXT</div> TEXT ON BOTTOM NOT IN COLUMNS -
Simple table with 2 columns
(DATA means your text)<table style="padding-left:30px;" border="0"> <tbody> <tr> <td>DATA1_HERE</td> <td>DATA2_HERE</td> </tbody></table> -
i will try but it will take hours dividning my text like that. is there an easyer way. right now on my edit page the post shown in two columns but when i preview it it is again gone
-
-
-
No, it’s not hard. Put the code into html. Then you can switch to the visual editor and just add your text as usual.
-
1tess
thanks a lot. i would say it is simple rather then easy. took me long time to make it. it is working now. not perfect but good enough.
now… how do i change this topic to solve :-) -
@Tess: Both correct, but they need some adjustments (your div solution has no space between the two columns, and your table solution won’t have the two columns start together if they are of unequal length).
<div style="float:left;width:50%"> <div style="padding-right:20px">LEFT_TEXT_HERE</div></div> <div style="float:right;width:50%"> <div style="padding-left:20px">RIGHT_TEXT_HERE</div></div><table> <tr> <td valign="top" style="padding-right:20px;">LEFT_TEXT_HERE</td> <td valign="top" style="padding-right:20px;">RIGHT_TEXT_HERE</td> </tr> </table>@utopianfragments: You don’t type all this stuff. You copy-paste it, then paste your texts where indicated.
-
-
Sensei Panos,
Do you not recognize the codes?
I learned from you!
So now I will study these more refined versions.
There is likely some quote from a Japanese master, but you’ll do with just a thank-you now.
—tessellate ( or only 1) -
utopianfragments
A profound statement:
Me: it’s not hard
You: i would say it is simple rather then easy.A very nice insight into technology.
-
@Tess: Maybe you learned them from me (that “DATA1_HERE” rang a bell), but also maybe I had applied them to a different situation (e.g. images of equal size), and also maybe I’m improving too!
The padding I added to the div solution is self-explanatory. As for the tables, note that the default for table cells is to have their content vertically centered; so for unequal text columns you need an extra command in order to have the texts start from the begining of the cell (“valign” means vertical alignment).
-
And there’s a problem with the div solution: if you have two unequal columns and you need more (one-column) text after them, it will wrap-around, i.e. start from where the shorter column ends. Haven’t solved that yet.
-
Sir Panos,
Yes, the “”DATA1_HERE””, was a different situation. I did test my code before posting it. It was way back in September??? when I first tried it for myself.
For my purposes, I have mostly used the table code from the website I use for work (a ‘building block’ template sort of site). But your insight helped me to understand the codes were so I could adjust them as I like.The div solution, I have learned and adjusted. Well, only on one or two posts, but many tests.
The point is, for me, that html is not too scary to try.
-
- The topic ‘writing in two colums’ is closed to new replies.
WordPress.com Forums 