You are either not logged in or not registered with our community. Click here to register.
 
December 10, 2016, 08:33:14 PM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Send us your theme!

Hark!  The Herald!
Holiday Issue 2016

Wiki Blogs Dicebot

Author Topic: Text and Image Formatting help.  (Read 1394 times)

0 Members and 1 Guest are viewing this topic.

Offline MarlowTopic starter

Text and Image Formatting help.
« on: July 10, 2009, 03:08:59 PM »
So, I'm at my end at this point. I've been trying to get my images so they'll look like the one in the first post: http://elliquiy.com/forums/index.php?topic=11841.0 (To the side, with the text running on the left. I always end up with the text only running on the very bottom edge of the image. It's driving me CRAZY! I've got Photoshop, and I'm familiar with it, so I'd like to make my O&O and Idea thread visually appealing, but I can't do that if I can't figure out how to properly format the post.

Anyone with any experience in this, please lend a helping hand? It'd be very appreciated.

Offline Bliss

Re: Text and Image Formatting help.
« Reply #1 on: July 10, 2009, 03:16:12 PM »
Oh, you need to learn the ways of tables!
Code: [Select]
[table]
[tr][td][/td][/tr]
[/table]

is the basic table code. Table and /table mark the beginning and end of the table. tr and /tr mark the beginning and end of a row. td and /td are the cells within a row. For example:

Code: [Select]
[table]
[tr][td]Row 1, cell 1[/td][td]     [/td][td]Row 1, cell 3[/td][/tr]
[tr][td]Row 2, cell 1[/td]  [td]Row 2, cell 2[/td][/tr]
[/table]

will get you the following result:
Row 1, cell 1Row 1, cell 3
Row 2, cell 1Row 2, cell 2

You can see how it forces the layout; you can also see how in row one, I left cell two empty - that enforces spacing.

Offline MarlowTopic starter

Re: Text and Image Formatting help.
« Reply #2 on: July 10, 2009, 03:36:13 PM »
Thank you so much! I had an inkling that it had to do with the table, but I couldn't figure out how to use it.

Offline Bliss

Re: Text and Image Formatting help.
« Reply #3 on: July 10, 2009, 04:09:35 PM »
You're welcome!

Offline Caeli

Re: Text and Image Formatting help.
« Reply #4 on: July 10, 2009, 05:25:10 PM »
I would actually recommending using the

Code: [Select]
[floatleft][/floatleft]
or

Code: [Select]
[floatright][/floatright]
Options, if you don't have that many images. It's easier and lots less hassle, since the BBCode for tables is a little lacking.

Offline MarlowTopic starter

Re: Text and Image Formatting help.
« Reply #5 on: July 10, 2009, 05:36:15 PM »
I would actually recommending using the

Code: [Select]
[floatleft][/floatleft]
or

Code: [Select]
[floatright][/floatright]
Options, if you don't have that many images. It's easier and lots less hassle, since the BBCode for tables is a little lacking.
Noted, good lady. Thanks.

Offline Bliss

Re: Text and Image Formatting help.
« Reply #6 on: July 10, 2009, 08:24:05 PM »
*learns from this too!*

Thanks, Cae!

Offline DeviantWolf

Re: Text and Image Formatting help.
« Reply #7 on: July 11, 2009, 02:07:53 AM »
Sweet!  Using tables was a PITA

Edit:  OK just tried it, how do you put space padding in from the picture to the text so they aren't right next to each other?  Is there a way or are we back to having to add tables in?
« Last Edit: July 11, 2009, 02:11:05 AM by DeviantWolf »

Offline Caeli

Re: Text and Image Formatting help.
« Reply #8 on: July 11, 2009, 02:39:13 AM »
Sigh. Everyone is stealing all of my secrets!

Code: [Select]
[img padding=#]Image URL here[/img]
Where # is the number of pixels.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
« Last Edit: July 11, 2009, 02:40:56 AM by Caeli »

Offline DeviantWolf

Re: Text and Image Formatting help.
« Reply #9 on: July 11, 2009, 02:44:47 AM »
Heh.  Thanks Caeli!

You've got gooooood secrets :D

Been wanting to add small character images to my RP's bet have held off because it messed up formatting. 

Offline Caeli

Re: Text and Image Formatting help.
« Reply #10 on: July 11, 2009, 02:53:25 AM »
I do it in all of my current ones. :-) I think it adds some color to the beginning posts. ^-^ I've considered trying to do more, but in the end, it's the writing I care about.

Offline Haibane

Re: Text and Image Formatting help.
« Reply #11 on: July 11, 2009, 08:58:15 AM »
Heh.  Thanks Caeli!

You've got gooooood secrets :D

Been wanting to add small character images to my RP's bet have held off because it messed up formatting.
Heheh, who needs formatting? I just do this. *grin*