WordPress.org

Ready to get started?Download WordPress

Forums

Image alignment on pages (9 posts)

  1. Boz2006
    Member
    Posted 6 years ago #

    I'm trying to understand image alignment in WP.

    To do this, on a test page, I've got 10 paragraphs of text. On each paragraph I've inserted an identical image, and used one of each of the alternatives for image alignment (Not set, baseline, top, middle, bottom, text top, absolute middle, absolute bottom, left, right) assuming each of these choices would show me what happens to the image.

    Whether I have the insertion pointer to the left or right of the page, whether I use Firefox or IE, the image always is aligned off the left-hand margin.

    In other words, whatever alignment choice I make in the image insertion box, my final published results are identical.

    I feel I have read everything there is on the support documention.

    Could anyone advise what I am doing wrong?

    Thanks.

  2. Boz2006
    Member
    Posted 6 years ago #

    I have no control on the positioning of my images, however I change the options left / right etc. with the result that my blog looks a mess.

    Does the CSS in my theme override the inbuilt WP positioning function?

    Thanks.

  3. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    Can you provide a link?

    Also did you run your page thru validation?
    There are some image alignments no longer valid.

  4. Boz2006
    Member
    Posted 6 years ago #

    Yes, here is the link: http://leysinchalet.com

    I ran this home page through the validation, and it looks a mess. Unfortunately I'm not qualified to interpret the problems.

  5. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    Your home page comes up with a cannot find error.

    All the other pages with photos look fine in both IE and FF. I did see a "blog" or a "mess" but maybe that is on the index page.

    Validation is important. The errors you find are cascading. In other words when you fix one, several others will go away also. Having a validated site assures that people will see exactly what you want them to see.

  6. Boz2006
    Member
    Posted 6 years ago #

    kmessinger, thank you

    The home page should now be functioning.

    I take your point about validation, and I will read up on it.

    However with images I have no control of how they are displayed using the in-built WP control (i.e. click on an image, click on the image button in the WYSIWYG panel, and adjust the pop-up).

    In other words, I cannot do something simple like align right off the right-hand margin.

    This is why I suspect that the inbuilt CSS in the theme is overriding what I want to do with positioning images. And, because of this, word-wrap looks amateurish, captions are non-existent (have tried some plugins but they make things worse), and, in my opinion, the site looks poor.

    Every image I insert I have to find a workaround. For instance, two images side-by-side - the only way I can do this is find the max. width, divide by 2, and add images of this width. Anything less or more and it becomes chaotic.

    And I am only looking at the site in Firefox so far.

    I also realise that I am using WP to perform a function that it was not designed for, and because of this, I assume I will have problems. It is fair to say, I think, that WP is not the system to use to handle images intuitively.

    What I need is a freelance professional who knows WP backwards and can help. Are we allowed to seek professional help here?

  7. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    You might try a different theme and see if you have image control. Mine (the default) has pretty good control and the CSS does not override the settings I provide. But, I do tweek my images in photoshop and provide a clickable low-res to a hi-res.

    BTW, most here will advise you against using the wysiwyg panel that comes with WP and as yet another test, you might try Windows Live Writer (free) that will post directly to your site.

    Your work arounds seem to work. The site looks nice to me. One hint from an old marketing person is to put in a "call to action" other than just "to contact."

    As for soliciting paid assistance here, I don't know.

  8. Boz2006
    Member
    Posted 6 years ago #

    Many thanks,kmessinger, very much appreciated.

    There is a lot to think about there, and I will work through it over the next week.

    I'm not lazy, just not qualified in this field, so if there's anyone out there interested in offering their WP skills on a freelance basis, please feel free to contact us.

  9. Boz2006
    Member
    Posted 6 years ago #

    I'm finding the same problem with not being able to align images right on this experimental site:

    http://leysinski.com/?page_id=4

    using Andreas01 theme.

    Using validator.w3.org I get the error report below. Could anyone translate that into plain English? Many thanks.

    Line 43, Column 701: there is no attribute "align".

    …erskier_right_to-left_500×332" align="right" /> congue non, accumsan sit

    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

    This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

    How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Topic Closed

This topic has been closed to new replies.

About this Topic