Requesting Imaging Code
-
I was wondering if someone could write some HTML code to allow me to have three images (of equal size) right next to each other with an even amount of space in between. I plan to insert three social media buttons on a links page.
Here is my blog: http://icecreamsounds.wordpress.com/
Thanks for all the help!
The blog I need help with is: (visible only to logged in users)
-
Step 1: Use an image editing application to make the images be the size you want, all three at a resolution of 72 (if they aren’t already so).
Step 2: Upload them to your blog via Media > Add New, copy their URLs and paste them here.
(If you can’t take care of step 1, proceed to step 2!)Also:
You mean a row images spanning the entire width of your page column or not? If not, then where would you like them to be and with how much space separating them?
Is there going to be any text as well? If yes, where? -
I sort of need them blocked together. I know there is an HTML coded where it sort of makes clumped boxes where I insert pictures into the boxes.
Could someone write this code for me?
-
-
-
I don’t want them to take up the entire width and I don’t want any text. I’d like a little space in between the media buttons (I don’t know how to quantify the space).
-
Which blog are you referring to? Please post an active link starting with http:// to the blog in question. I’m asking this because the blog linked to your username has no posts and there are no sharing buttons being displayed. These are the sharing buttons that we can enable and use on WordPress.com blogs and we cannot change the spacing between them. > http://en.support.wordpress.com/sharing/
-
Creating three social networking buttons by capturing images and linking them to your profile pages amounts to the same thing as your find here > uploading images > http://en.support.wordpress.com/images/
See also image alignment > http://en.support.wordpress.com/images/image-alignment/Side by Side
If you would like to see images appear side by side on the same line, put the images next to each other and give them both either left or right alignment. Make sure the images are small enough that they will both fit on one line, including borders and margins. -
@icecreamsounds: What does “Can anyone help?” mean? I did offer to help, in case you didn’t notice. But I asked you to upload the images and give us their URLs so we can see the images. I don’t write codes for imaginary objects, because the right code depends on how these objects are.
-
@panaghiotisadam
I wrote “Can anyone help?” just to bump this back to the top of the active topics. I’m sorry if you took offense. Here are the urls:http://icecreamsounds.files.wordpress.com/2011/07/64×64.png
http://icecreamsounds.files.wordpress.com/2011/07/64×641.png
http://icecreamsounds.files.wordpress.com/2011/07/64×642.png@timethief
I linked to my blog as a formality. The reason there isn’t anything on it is because I didn’t want to have the page up not to my liking. -
I explained why I complained: not because I took offence, but because I needed to examine the images before I could tell you what to do with them.
In your case the simplest solution is this (in the HTML editor):
<a href="WEBPAGE1 URL HERE" target="_blank"><img class="alignleft" style="margin-right:16px;" src="IMAGE1 URL HERE"></a><a href="WEBPAGE2 URL HERE" target="_blank"><img class="alignleft" style="margin-right:16px;" src="IMAGE2 URL HERE"></a><a href="WEBPAGE3 URL HERE" target="_blank"><img class="alignleft" src="IMAGE3 URL HERE"></a> <br style="clear:both;" />(An alternative would be coding for tables, but in the theme you’re using this would create unnecessary complications.)
If you don’t want the links to open in new browser windows, omit this:
target=”_blank”Where I’ve written margin-right:16px, you can change the number to adjust the distance between the images.
If you’d like any other changes, let me know,
Also, better re-upload the images and get new URLs after you give them characteristic names instead of identical ones, and avoid names that end with numbers.
-
-
You’re welcome – although you didn’t use my code after all.
So one more tip: you get better image quality if you add the images the way I suggested instead of the way WP does – see here:
http://wpbtips.wordpress.com/2010/01/16/image-quality/
(But for these particular images it’s not important.)Plus, aren’t the images supposed to link to your Twitter page etc? At the moment you’ve made them link to themselves, which is pointless. You must add the right URLs where I’ve written WEBPAGE1 URL HERE etc. Or, since you worked in the Visual editor, click on each image, click the edit tool (mountain icon), paste the right URL in the “Link URL” field, click Update (image); click Update (page) when you’re done with all three images.
- The topic ‘Requesting Imaging Code’ is closed to new replies.
WordPress.com Forums 
