Code to Shrink a Picture

Doc4

Doc4

How do I shrink a picture that is too large so that it fits Obsidian Portal's lay out?

I already have the picture here:


!http://www.artbypavel.com/wp-content/uploads/2008/05/anc_sewers_journ1_160508.jpg!


What if I want to make that smaller?

Also, is there a common reference site (or....wiki! ) for the code? I have searched google quite a bit for wiki code but found several references to wiki that do not match what we do here. Can anyone teach this man to fish?

Oh and I'll take the fish for my above problem too! :)

Thank you,

Tom / Doc4

FemmeLegion

Here's the link to a page of stuff that you're allowed to do in Textile to format wiki pages:

http://hobix.com/textile/quick.html

Also, basic HTML is allowed EVEN IF you're using Textile to do everything else, but some attributes are not supported. Luckily for you, it appears height and width are! So what you'd want to do is something like this (removing the spaces between the brackets and the text):

< img src = "http://www.artbypavel.com/wp-content/uploads/2008/05/anc_sewers_journ1_160508.jpg" width=400 height=206 >

which yields:



Edited to add: There's a trick you can do to make it float left or right and have text wrap around it, but someone else will have to jump in with that syntax.

bevinflannery

_There's a trick you can do to make it float left or right and have text wrap around it_

I do it by inserting the language below after the closing quotation mark on the file name and before width:

style="float: right"

or

style="float: left"

Doc4

I have been working with pictures for a bit now, and have the end result of two different bits of code that I use. One to shrink and another to float *with* some space around the edges for the text. Is there a way to combine these effects into one bit of code?

This code gives me width but no white space between text:
img src="http://www.itsf.org/brochure/images/manchu-warp1.jpg" width=150 style="float:right"





DIV style="float:right;padding-left:20px">
EXCLAMATION http://www.desktopstarships.com/Thumbnails/sf_new_vertigoz.jpg EXCLAMATION
/DIV>


!http://www.desktopstarships.com/Thumbnails/sf_new_vertigoz.jpg!


and then this code gives me white space for text but no way to shrink it.




Is there a way to get both effects?

Thank you,

Tom / Doc4

p.s. Removed a few bits of code so you could read it.

Doc4

*bump*

Still in need of help with the padding issue in the above post. The campaign looks solid except for this one outstanding issue.

If I made a mess of explaining things above, let me try to simplify it:

What is the specific code to link to an image, have that image reduced in size, floated to the right, and have padding for the text on the left side of the image?


Thank you,

Tom / Doc4