Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I try to align content side by side. I want something like this

enter image description here

Here's my effort with images aligned that does not display the images side by side:

    <a href="http://eddaconsult.files.wordpress.com/2011/08/left.gif">

<img class="alignleft size-full wp-image-33" alt="left.gif" src="http://eddaconsult.files.wordpress.com/2011/08/left.gif" width="160" height="600" /></a>


<a href="http://eddaconsult.files.wordpress.com/2013/02/cropped-eddaconsult_tr1.jpg">

<img class="alignleft size-full wp-image-168" alt="cropped-eddaconsult_tr1" src="http://eddaconsult.files.wordpress.com/2013/02/cropped-eddaconsult_tr1.jpg" width="575" height="121" /></a>

I tried this solution from the Wordpress forum but it is not working for me: http://wordpress.org/support/topic/how-can-i-display-two-pictures-next-to-each-other

share|improve this question
2  
Looks like a pure HTML/CSS question, which would be off-topic per the faq –  s_ha_dum Feb 2 '13 at 5:15
1  
Definitely not WordPress Question. But you should probably properly indent your code so you can see obvious errors, like nesting an <a> inside another <a>. –  akTed Feb 2 '13 at 6:44
    
It's a wordpress post that I'm trying to edit. All I need is to align the logo more to the top of the page. It's the same as this question but the solution there is not working for me: wordpress.org/support/topic/… –  909 Niklas Feb 2 '13 at 8:59
    
as your site seems to be with WordPress.**com** - please ask at en.forums.wordpress.com –  Michael Feb 2 '13 at 11:20
add comment

1 Answer

I had to guide a user through this recently, some tricks that I found:

1) Make sure the HTML is clean, that fidding in the visual editor has not added in extra paragraphs or alignments or whatever. In fact, take out all the alignleft etc. you can, get it back to a virgin state.

2) In the visual editor, select the image so it turns blue.

3) Make sure the little mountain icon is displayed on it; if not it means you've got the container selected or something like that, not the image itself

4) Click the align left icon to move the image to the left.

5) If that still doesn't work right, experiment with which image goes first in the HTML; when floating images like this it matters what the sequence is and what is inside what.

At the moment in your HTML it looks like both images are aligned left, resulting in them not being side by side.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.