How to insert boxes (table with border) into a Post?

  • Greetings,

    I would like to insert to black boxes near to eachother (in the same line, row) and have several lines of text in them.
    Some of the words in the text should be clickable, as well.
    May be some little image can be there, too?

    I guess a table (2 colomns and 1 row) would do with individual borders around the two columns in the row.

    How can this table be inserted?

    Or what is a solution to make the tow black boxes?

    Thanks,

    Tamas

Viewing 12 replies - 1 through 12 (of 12 total)

  • Learn HTML

    Learn CSS

    Neither of which is really a forum topic.

    But yes, you can include custom html and apply CSS in posts and pages.

    Thread Starter Haim

    (@koostamas)

    Thanks, SwansonPhotos…

    Really, one HAS to learn HTML and CSS to use WordPress?
    I would guess, that these things CAN be done WITHOUT these experties, as well.

    Well, at least, it woul be easy, and cool…

    Any other solution?

    Greetings,

    Tamas

    No, one does not have to learn these to use WordPress, but to customize it, yes.

    A very basic row with two cells:

    <table>
<tr>
<td>
your clickable link or any other content here.
</td>
<td>
your other content here.
</td>
</tr>
<table>

    but you’d have to learn how to apply a background color, border, or any other style element. You can find lots about it if you google it.

    Also concider a plugin solution, wp-table-reloaded
    Plugins are often the WordPress way to do go. expecially for tables. I ALWAYS had trouble getting anything beyond the basics with tables in wp.

    Thread Starter Haim

    (@koostamas)

    Thanks to both of you: SwansonPhotos and deepbevel,

    I have made the two boxes… and it seems to work.
    I genereated the code (HTML) with OpenOffice, and inserted and modified in WP.

    <TABLE FRAME=VOID CELLSPACING=0 COLS=3 RULES=NONE BORDER=0>
	<COLGROUP><COL WIDTH=189><COL WIDTH=38><COL WIDTH=189></COLGROUP>
	<TBODY>
		<TR>
			<TD STYLE="border-top: 6px solid #000000; border-bottom: 6px solid #000000; border-left: 6px solid #000000; border-right: 6px solid #000000" WIDTH=189 HEIGHT=17 ALIGN=CENTER>first data</TD>
			<TD WIDTH=38 ALIGN=CENTER><BR></TD>
			<TD STYLE="border-top: 6px solid #000000; border-bottom: 6px solid #000000; border-left: 6px solid #000000; border-right: 6px solid #000000" WIDTH=189 ALIGN=CENTER>second data</TD>
		</TR>
	</TBODY>
</TABLE>

    I still think and believe, that WP should (may?) offer an easier way to make the layout of a post easier to handle.

    Tables, as I experience all the time (so does deepbevel) is complicated.

    I tried out several plugins, they do not offer (or I have not found it) the easy option to create borders around some of the cells.

    Thanks… it works…

    T.

    I agree, but I think much of what we get is simply the best they can do, ..for now. But I marvel rather than scorn. wp is like one of mans greatest acheivments. Rivals electricity.
    Anyway nice troubleshooting, we knew you could do it!

    if you install this plugin TinyMCE Advanced and go to Setting>>>TinyMCe Advanced and drag the table in raw you will be able create tables.

    Thanks, I’ll try it.

    One does not have to use the online editor…one can use desktop publishing tools such as Windows Live Writer, there are others.

    Thread Starter Haim

    (@koostamas)

    Hello deepbevel,

    “simply the best”

    … yes, I agree!

    T.

    Thread Starter Haim

    (@koostamas)

    Thank you, govpatel!

    install this plugin TinyMCE Advanced

    I am going to try it out!

    Greetings,

    T.

    Thread Starter Haim

    (@koostamas)

    Thanks, SwansonPhotos!

    one can use desktop publishing tools

    I am using Ubuntu… and will look for some of these… (I use Kompozer most of the times…)

    Thanks,

    T.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to insert boxes (table with border) into a Post?’ is closed to new replies.