Formatting

Categorized As:

I am trying to post a tutorial on how to do post stitches. It pushes the photos to one side and the text to the other. It won't disperse the text and photos.

help?

I'm not sure how Kim's got the formatting set up. It might be safer (for now) to put words under the photos by using a new line (hit the "enter" key). Let me know if that doesn't work...

Submitted by emmajane on 30 September 2007 - 8:22pm.

I haven't decided yet how to constrain photo placement, because I want to make sure it's flexible enough that people can post photos of different sizes, etc. Bubbo, let me know if Emma's suggestion doesn't work, and I'll see what I can do.

Fueling the crochet revolution...

Submitted by Kim Werker on 30 September 2007 - 8:58pm.

I originally tried the "enter", then I tried a few other things.

Another option would be to just do a preview bit, and then link to a page on my site.

Hardcore? Hardcore is for babies. I'm HOOKCORE!

Submitted by bubbo on 30 September 2007 - 9:26pm.

Here's another idea that involves LOTS of SCARY CODE...

A definition list combines a "term" and a "definition." It looks like this:

This is my term
This is my definition
This is my second term
This is my second definition

The problem you're having is that the images are "floating." We could make is so that the images inside this style of code don't float. There are three parts to this code:

  1. opening the list (and then closing it)
  2. the "term"
  3. the indented definition

Using these three elements you could make up a little back and forth of images and text. Here's the HTML markup that you'll need to copy and paste into the editing box for your tip:


<dl>
<dt>Text goes here</dt>
<dd>Image goes here (or vice versa)</dd>
<dt>Image goes here</dt>
<dd>Text goes here</dd>
</dl>

You can have as many pairs as you want of terms and definitions (I've included two pairs in the example), but remember to include only ONE set of opening and closing the list 'around' each list. Let me know if that works, and if you have more questions!

Submitted by emmajane on 1 October 2007 - 6:28am.

Awesome, I hadn't even thought of that. No worries on the code, I used to be a developer. I left all that glamor behind for something less whiskey inducing!

Hardcore? Hardcore is for babies. I'm HOOKCORE!

Submitted by bubbo on 1 October 2007 - 6:32am.

I kept getting an error with the dl so I switched to ul and I got the same error then I realized it was probably because I'd been working in that same preview/publish window since last night so I copied and pasted and made a whole new tip and it went like magic and I'll go in there and change back to dl

thank you so much! I can't believe I didn't think of making it into a list.

Hardcore? Hardcore is for babies. I'm HOOKCORE!

Submitted by bubbo on 1 October 2007 - 6:51am.

Yay! I'm glad it worked! And I'm sorry to hear that you're less whiskey induced now. I'm partial to the single malts myself. ;)

Submitted by emmajane on 2 October 2007 - 6:47am.

Several weeks later...

A couple of weeks ago I discovered one pesky line of code that was forcing photos to behave badly regardless of their good upbringing. I'm moving this to "resolved", but please let me know if image placement is continuing to be a problem.

Fueling the crochet revolution...

Submitted by Kim Werker on 21 October 2007 - 2:57pm.

User login