CSS Problems With Image Alignment

  • Resolved total14

    (@total14)


    13 years, 9 months ago

    Hi all, I have searched the forum for this issue but to no avail.

    I have a theme specific problem with image alignments in posts – i.e. it does not work – when an image is left or right justified it will not have the text wrap around the images.

    I have checked the generated html in the html tab and everything is generated as it should be so i can only assume that there is some other attribute within the css that is causing the settings in the post to be overidden. I have an “ok” working knowledge of CSS and have tried to locate an offending attribute, I wondered if anyone has come across the same issue and resolved it??

    Iain

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter total14

    (@total14)

    P.S. I know its theme related as it works perfectly in twenty ten

    if it is theme related, a useful information to give would be the name and download link of your theme.

    as this is a css/formatting question, posting a link to your site would be the best way to get some suggestions.

    Thread Starter total14

    (@total14)

    https://domain3197798.sites.fasthosts.com/ is the site address, as soon as fasthosts fix their FTP login issues i will provide a link to the stylesheet.

    Unfortunately as it is a live school site i cannot put a dodgy looking post on their but there is a screenshot of whats going wrong here..

    Unsure if i can post image links but will try….

    <img src=’https://img1.UploadScreenshot.com/images/main/6/17207255585.png&#8217; alt=’Click here to view full size’ />

    Thanks
    Iain

    edit style.css;

    find (near to the end):

    /* Recommended by https://codex.www.ads-software.com/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft
{
  align: left;
  }

.alignright
{
  align: right;

}

.alignright img, img.alignright
{
  margin: 1em;
  margin-right: 0;
  }

.alignleft img, img.alignleft
{
  margin: 1em;
  margin-left: 0;

  }

    these seem to be quite old; replace them with the image alignment styles from:
    https://codex.www.ads-software.com/Wrapping_Text_Around_Images

    Thread Starter total14

    (@total14)

    Thank You, Thank You, Thank You.

    And now i know of the codex existence future problems should be less frustrating.

    many Thanks
    Iain

    Hi,
    I’m really sorry to piggy back on this post but it was the only one that I could find with people dealing with fasthosts and wordpress…I have a really basic question that I was hoping that you could answer. I’m a complete newbie so you may have to forgive my stupidity…

    Basically, I’ve been trying to edit the platform theme by creating a child theme. So I have found the style sheet through my fasthosts FTP files, downloaded it, edited it and then uploaded it in the themes section (not in the platform theme bit) but for love nor money it doesn’t actually edit my website.

    Please help me! I’m on a bit of a deadline and I just can’t figure out what I’m doing wrong!

    Many thanks in advance,

    Sara

    @nawo
    your problem is totally unrelated –
    please start a new topic – with a matching title;
    this should also get you more replies.

    and add some relevant tags…

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS Problems With Image Alignment’ is closed to new replies.