Geni's Wikitext now supports image formatting

If you have a huge list, Mike Stangel, you'll have to scroll endlessly.

One way of attacking this problem is to begin with a link menu at the start of the project.

By clicking on them, you can easily jump through the list much quicker and you will be immediately directed to the designated spot.

So if anyone can explain this better than me, please help me lol!

If this can already be done, I simply do not know how to do it

example:
https://en.wikipedia.org/wiki/Daryl_Hall

You have the list of contents, and these links direct you immediately to, way further down, the same page to the specific subject.

This is how it would look in the menu:
<span class="toctext">Early life and career</span>

And this is how it would like at the designated location:
<span class="mw-headline" id="Early_life_and_career">Early life and career</span>

Private User and Private User I've added a "clear" option to the
tag and made the trailing / optional, so this will fix Bjørn's example:

<br clear>

...except it's not yet working. Stand by. :-)

Dimitri Gazan I see what you mean. Wikipedia generates that automatically in a way that I'm not going to be able to do -- let me see if there's a way we can accomplish the same thing.

Nice!

your <br clear> works for me:
see bottom of the page:

http://www.geni.com/projects/Playground-for-the-Wiki-ds/27364

Okay <br clear> is working now.

Thanks, Mike!

While you mull over giving us <span> or not, what about <small> for 11px? =D

Well, I guess <small> would be 85% and <smaller> would be 90%, or 10.8px.
https://en.wikipedia.org/wiki/Template:Small

When can we expect WikiText support in event descriptions?

I have used my old trick by uploading a white square which I named, 'single tab'.
Now that I can influence width and height, I can create a distance between the image and text with a minimum of 5px.

see latest entry at:
http://www.geni.com/projects/Playground-for-the-Wiki-ds/27364

Mike Stangel,
Images placed to the left are perfectly outlined with all the rest. Images placed to the right side have a 2/3 px margin..?

and the 'center' alignment is not working yet, but you probably already new that one and I am just being very impatient LOL

sorry for that. Just want you to know how much I am appreciating what you are doing right now. It's simply AWESOME!

Mike Stangel, would you mind using the Wikipedia CSS formatting for the thumb frame?
wi-frame { background-color: #F9F9F9; border: 1px sold #CCC; }
wikitext-figcaption { margin: 3px; }

I'm not sure why they aren't lining up though.
http://www.geni.com/projects/Sleepy-Hollow-New-York/10465

Ah, and also, I think you need to set the width for .wi-frame because the caption text isn't wrapping as it should. Thanks!

@victar, just let me know, if you need any help with your Sleepy Hollow project, lining up your images

http://www.geni.com/projects/Sleepy-Hollow-New-York/10465

Dimitri, I'll bite. What's your theory why they aren't lining up?

Add |left to all the images you want in line. You only did that with your first image.

What happens next is that you have to overcome quiet a gap, if you want an image on the next line.

It wouldn't surprise me if you needed 5 to 8 times

This aint pretty, but it works :) It's the visual result that counts lol

Check the edit version of my project and you'll see what I did:

http://www.geni.com/projects/Playground-for-the-Wiki-ds/27364

If you are putting all this effort into formatting of the About Section -- any chance you could make the formatting of the Documents created from "Create a New Document" a bit better?? -- Currently they look sensible while editing -- but when you save - any place no <enter> was pushed, it is just one long line extending forever (and so out of sight of the screen unless scroll back and forth) -- and if <enter> was pushed, then it skips a line as well.

Or are there formatting tricks there that I am unaware of ???

Dimitri, if you see my code, I do have left in all the items. If I didn't the first would be on its own line.

It has something to do with the header being right on top of it.

@victar, you have seen that it works on my project. That can only mean that you have placed |left at the wrong spot. Compare my image code with yours.

Than you will see that the order is different from yours, read after the image.jpg|..

Yours:

{{//media.geni.com/p13/5e/4f/bf/15/5344483e3c545a3f/philipsburg_manor_sleepy_hollow_new_york_t.jpg?hash=13acaa792ae92edd9b270d3911783d659ce52484c6da52c3a7ad6a203c4b2c66.1763366399|frame|Philipsburg Manor House|left|link=//www.geni.com/projects/Philipsburg-Manor-House/27194}}

Mine:

{{//media.geni.com/p13/96/2a/ab/95/5344483e2090964b/geni_s_project_concept_plaza_profile_pic_medium.jpg?hash=766c545ff71376351a48a10d10a6a3ac6f4a43afb668fb1056dd6f33742e22eb.1763366399|left|border}}{{//media.geni.com/p13/89/1a/9e/91/5344483e4ff8e535/single_tab_large.jpg?hash=8a16857f654074a96b721b96d54d7eee8b7f90ccf1970cc62497059935f6aa6c.1763366399|left|11x50px}}

{{//media.geni.com/p13/96/2a/ab/95/5344483e2090964b/geni_s_project_concept_plaza_profile_pic_medium.jpg?hash=766c545ff71376351a48a10d10a6a3ac6f4a43afb668fb1056dd6f33742e22eb.1763366399|left|frame|Mondriaan}}

You can see here that the name of the image; Mondriaan is at the very end, |left, at the beginning, right after .jpg

Again though, it has nothing do with the float. Try adding =Test= and ==Test== above them on your page.

I see you still haven't put the left|, at his right spot with all your images, so it won't align perfectly horizontal like it does with mine.

Not clear to me what the relation is between your Test example, and placing the left| where it belongs.

Has that something to with my multiple
, after the image sequence?

Dimitri, it is nothing wrong with the float=left. It is the header above it that's causing problems.

I copied your header and placed it above my horizontal aligned images:

http://www.geni.com/projects/Playground-for-the-Wiki-ds/27364

No problems at al with the banner above it.