UBB.threads PHP Forum Software Community Forums UBB.threads 7 Version 7 Support Images aligning to the left

I apologize if this has been asked before but it's something that my members have been complaining about. Everytime anyone inserts any image (photos & graemlins included) into their post or signature, it automatically starts the image on a new line, they won't ever post side by side. Anyone have a fix for this?

Here's an example post and take a look at my signature, when I preview it my photos are showing side by side.

http://forum.canadianparents.ca/ubb...&Number=596953&page=1#Post596953

Thanks in advance!

Cara

hrm, i can't see a sig from that link.. but i'll try to address some issues with images in general.

keep in mind that the images combined width, if greater than the width of the content area, can't be kept together horizontally for space reasons..

sooo assuming you have all the horizontal space you need.... try..

[`image:right] or [`image:left] (also img tag too)

note: leave out the `

aligns right, left an floats it..

see my sig ? that is right

[censored], gonna have to leave that way til she sees it at least <-- text after a graemlin

Text between. hi there bunny!

also, i just don't hit [Enter] between these two images and they get butted up next to each other.


hope that helps.

Another example of say float left (image:left or img:left)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Float right now (image:right or img:right)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Note: you can see the innerds of the contents of each of my posts, by simply hitting the 'Quick Quote' button and read the stuff

I think someone is a little bored...

it's called a detailed answer with a buncha devils interspersed as props.. nothing more

although it may not really give her the answer she was looking for.. i hope i understood that first post

Thanks Sirdude for going into such detail, but perhaps I didn't explain it well enough.

For instance the link above I sent you to shows this:

Why

are images

aligning to the left?


when this is the way it was actually typed out:

Why are images aligning to the left?

The same goes for every single image that anyone had in their signatures, instead of the being posted side by side, they keep going one underneath the other even though they preview correctly?

aha.. then i'd suspect something else.. /me revisits the link and looks closer..

cool, i can now return my sig to the left

sorry for the misunderstanding...

Thanks SD!

hrm.. why the hardwired inline style..


before every image, including smileys?

that is the cause of the display behavior... 'display:block' to be precise.

as to why it's inserted into your html at render time... i can look closer..

/me grabs magnifying glass

what version of ubbt are you running? has it been modified in anyway ?

just trying to get to more detail...

i'm suspecting your do_markup() routine in ubbthreads.inc.php has been modified to slam that in for every img or image or %%GRAEMLIN%%, but i don't know for sure. the tpl's can be ruled out (imho)

the normal way a graemlin or img gets converted to html is like:


no inline display:block added... something must be different from the normal install... or i'm missing something.

v 7.1.1 ...

custom stylesheet to fit inside our 2 sidebars

hrm...

i'm assuming the default stylesheet is the one you are talking about?

since that is the one that i use as a guest on the forum, when looking at your site.

/me checks

it really can't be the .css anyway, since css is a totally separate dealio from the actual markup..

so i'm wondering if you had someone tweak your board code a wee bit too ?

not just the .css ?

hehe, i joined your board to see a little bit more.. nice look/feel btw..

i kinda feel strange as all my kids are now grown and gone

/me pokes around some more.

ok.. the preview works fine.. so the the 'display:block...' is added after the Post or PM is stored.. so previewpost and do_markup() and do_censor() are ruled out..

quote and quick quote show that what's stored in the db is good..

soooo, it must be where they are preparing to render.. and i'd guess showflat.inc.php (for posts) and viewmessage.inc.php (for PMs)

if you zipped those us and emailed to me (sd@sirdude.com) i could probably tell you where..

must be a coding thingie... (imho)

let me know if anyone has touched your core code..

keep in mind, i'm just outside lookin in, so i could be way off base...

We had a company to our upgrade and redesign, so chances are they have touched the core code. Another to add to the list for them I guess. I'm trying to see if I can fix things myself before I go to them with this ever growing list!

Oh SD, while you're on the board...could you look at one more thing?

If you change your stylesheet to UBBthreads, both the quick reply and reply boxes are shrunk to one line! Any fix for that?

i'll have a look see at the template.. er style

Likely, someone is inserting a line return after every image

no, they are inserting an inline style="display:block" for every image...

weird that they would do it.. but oh well.

Indeed odd....

Nice, I like the align coding.