Pics and formatting

[Scrasamax]

So I am interested in doing some posts with pics, what would be the best way to do this? Does linking directly to the source URL count as hotlinking? i know this is bad and frowned on, plus I don't want pics I link to suddenly turn into wagging finger, stop signs, or goatse.

Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

Thanks

[Chaosmark]

So I am interested in doing some posts with pics, what would be the best way to do this? Does linking directly to the source URL count as hotlinking? i know this is bad and frowned on, plus I don't want pics I link to suddenly turn into wagging finger, stop signs, or goatse.

You should be able to use the editor "Insert Image" option to upload the image to the Citadel server and it should give you a link from there. Alternately, you can use one of the free image upload services, and then pull the raw image link from that. I've never encountered issues with those, though uploading to the Citadel server would still be best.

Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

You want to make the image that you've inserted float to the left. To do so, click on the image when you've inserted it, then change the "Position" dropdown from "None" to "Left". Alternately, if you want the column of text to be on the left side of the image, change it to "Right".

[Strolen]

What he said.

You could also put the picture in a table but that will have ugly formatting involved with it. But that will put only the text you want next to it.

[Scrasamax]

much thanks guys!

I've got some ideas in my head that won't stop bouncing around and it's that sort of thing where a picture is worth about 1500 words.

[Gossamer]

When I tried inserting a pic, it became really low quality, which was a problem, because my pic contained only text, which became illegible.

I know pics auto-correct to 400pix. But how come Tundra's image looked so clear? Was it because she linked rather than uploaded?

I saved mine as a .png at 1200pix, which is the absolute maximum width.

[Strolen]

That is a direct link to the graphic. So if you upload it somewhere else and link to it, I believe it will grow with the content area. I think I made it so it didn't go outside.

1200px is very wide. A normal 15" to 17" monitor would default to 1024px wide so that image would go across the entire screen. Most monitors are bigger than that now, but the webpage useable area is the issue.

Attach your graphic in the forum which has bigger limits and let me take a look at it.

[Gossamer]

Attach your graphic in the forum which has bigger limits and let me take a look at it.

Okay.

[Dossta]

Incidentally, what is the Citadel's policy on images that we didn't create/commission?  Sometimes random images on Google can inspire a whole sub, and I'd like to post links to them or upload them here, but don't want to accidentally create a problem by doing so.

[Strolen]

I slapped it in there. Text is somewhat difficult in the best of times. If you made it the same as you did but make the text bigger but keep the width the same, it would probably show better. For that, all I did was link directly to the forum image so it is easy to replace and test a bit.

My policy. Don't get me in trouble is my policy. Most graphics have linking permissions or reposting with a link as long as you don't do any type of editing beyond size. In most cases, if you use a picture, give credit and link back, the artist generally won't sue me about it. Generally.

[Gossamer]

I slapped it in there. Text is somewhat difficult in the best of times. If you made it the same as you did but make the text bigger but keep the width the same, it would probably show better. For that, all I did was link directly to the forum image so it is easy to replace and test a bit.

Hmm, thanks. It's not very big, but at least it's readable(for me at least). I think I'll keep the exerpt though for clarity. I dunno if I can make the text much bigger without the sentences cutting off weirdly though.

[Forganthus]

Goss:

Ah, you wrote it in Papyrus.  The red letters are a little hard to pick out, at least on my monitor.

[Dossta]

Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

You want to make the image that you've inserted float to the left. To do so, click on the image when you've inserted it, then change the "Position" dropdown from "None" to "Left". Alternately, if you want the column of text to be on the left side of the image, change it to "Right".

This is not currently working for me.  I think the editor may still be a little borked from the Cataclysm.  No matter how I try to set the image alignment, it reverts to centered when I save the sub (even though it appears like it's working while still on the "edit" page).  Looking at the html, it appears to lose the style tags within images (as well as align tags within blockquotes, etc). 

Also, The editor bar also no longer scrolls down the page with you while you edit, making it hard to add style tags to a long work. 

[Dossta]

Grah.  I don't want to submit this until I can get the formatting right.  I'll keep working on the content until the editor is fixed, I guess, though it may end up much longer than I originally planned.

[Strolen]

Try again Dossta and let me know if it works.

[Strolen]

Fixed editor too.

[Dossta]

The editor is now floating down again when I scroll -- thanks!  The picture and blockquote formatting is still not sticking, though.  If it helps, I was also trying to resize a few of the images as well.

[Strolen]

Hmmm. Issue is that the style attribute is a large security risk and the editor uses the style tag instead of image attributes.

Will have to look deeper at this now.

[Dossta]

Many many thanks for looking into this.  I won't submit it until I'm happy with the formatting, but this just gives me more time to iron out the content.

[Gossamer]

Speaking of formatting... Has the format of the subs changed? It just seems....smaller, or something. It just seems off somehow. Or is it just me? Been reworking my lost subs, but none of them look as good as they used to...

[Strolen]

Couple quick and dirty possible fixes.

You can use the align attribute: http://www.w3schools.com/tags/att_img_align.asp  (I did them all align="left"

Or you can try and use bootstraps premade class class="pull-left"  or pull-right   http://twitter.github.io/bootstrap/components.html#misc

Causes a few issues with the end and blockquotes are not perfect either, but useable.

[valadaar]

We can include classes? I thought those got stripped out

[Dossta]

Will try that right after lunch.  I did try using the align tags before, but maybe they're working now . . .

[valadaar]

Oh, and can we have the option for a plain, borderless table?

[Dossta]

The align tags are working now!  Still can't get image sizes to stay consistent, so I'll just resize them myself before uploading.  I don't know why the align tags aren't working in the blockquotes, but this definitely puts me one step closer

[Gossamer]

Okay, it's definately not just me. The Tab boxes don't work, and simply pressing space a few times won't align text the way I want it. The editor is awful now.