Text Wrap Code Pushes Sidebar Down

  • Hi,
    I’m having a challenge with applying the code specified here:

    https://codex.www.ads-software.com/Wrapping_Text_Around_Images

    When I apply the code as shown in the support page above to my Stylesheet, it pushes my right sidebar down below a “page”, but only on a specific “page” I have (or had)images on. The other pages or posts don’t have the sidebar goofed up. I deleted the images back off but the sidebar is still goofed up at that specific page permalink, but again not on any other posts or pages where I did not have images.

    Please note that I did not make any changes to any of the Sidebar codes, nor did I add anything into my sidebar.

    I’m using the Fluidity 3 Column 1024 template, and other than attempting to add the code as outlined in the support page above, the only thing I’ve modified with this template are colors.

    This is what my img code reads now in my Stylesheet, and again it is pushing my right sidebar down below the page posted, but only on a page that contains images, and even after I delete the images out of the page entirely. It did not cause a problem for my left sidebar.

    Here’s the code if you can look and see if maybe a tag is not closed or something. My php experience is limited so I don’t yet have a trained eye to see the error. Thank you!

    img {margin: 0 10px}; img {border:solid black 1px}; p img { padding: 0; max-width: 100%; }; img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }; img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* all images styling */

    img.right {float: right} /* right floating images */
    img.left {float: left} /* left floating images */

Viewing 5 replies - 1 through 5 (of 5 total)

  • It’s not php, btw. It is CSS. Try:
    img {margin: 0 10px;}
    img {border: solid black 1px;}
    p img {padding: 0; max-width: 100%;}
    img.right {padding: 4px; margin: 0 0 2px 7px; display: inline;}
    img.left {padding: 4px; margin: 0 7px 2px 0; display: inline;}
    /* all images styling */
    img.right {float: right;} /* right floating images */
    img.left {float: left;} /* left floating images */

    And for style issues you should post a link to the site/page in question.

    Thread Starter inspired2write

    (@inspired2write)

    Hi Yosemite,

    Oh, silly me – yes it’s CSS, but my brains are fried from trying to correct this so I got php mixed up with css! LOL

    I copied and pasted the code above exactly as you have it into my Stylesheet, but it didn’t correct my sidebar challenge. BTW, I disable the WordPress cache while making changes so I know the change indeed took affect. I’m on WordPress 2.03 The images I had loaded that presented the problem were only thumbnails, but linked with the option to enlarge them when clicked.

    I’m thinking maybe the text wrap code isn’t necessarily the problem and maybe I do have a problem with my sidebar code, but if that’s the case, I don’t know how to correctly close it if I have an open tag. And, since I didn’t make any changes to my sidebar I don’t know how it could have gotten goofed up, but I know all it takes is to slip up and accidently delete something. Maybe if you can look at my page and view the code it might help. The specific permalink where it is goofed up is:
    https://www.linkandblog.com/how-link-blog-began/

    I did run it through the validator and it does show a sidebar code has been duplicated, but I didn’t try to change that or venture into that territory. So, I guess maybe that’s the source of my challenge?

    As I mentioned above, the other pages of my url don’t have a problem with the sidebar, only the one listed above where I had several images but then I deleted them to try to correct the problem. However, before I tried to add the code in for the text wrap for photos I have noticed that sometimes the text in my right sidebar appears smaller than the right, with Mozilla. And, when I view in IE all my pages are shifted to the left, but only slightly in Mozilla.

    I appreciate your help! I’ve been pulling my hair out on this one! LOL!

    Thread Starter inspired2write

    (@inspired2write)

    If anyone could possibly help with this. I’ve worked on it all day and I think I’ve concluded my sidebar is the problem. The validator shows the sidebar has been defined twice. It is a 3 column template and so I don’t know enough about how the sidebar is to be defined to get it fixed. I never changed the sidebar lines where it is defined, so I don’t know why the error is there unless it was there in the original template. I’ve worked for a month on this project so far all surrounding this template so I really don’t want to have to change templates.

    I eliminated the text wrap code from the template Stylesheet, and it made no difference, which brings me back to figuring it must be the sidebar code. The permalink for the specific page in question is shown above in my last post.

    Also, in regards to the two images I have on that page one correctly opens the url the thumbnail photo shows, but no matter what I’ve tried I can’t get the url to stick to the photo using the same steps as the first thumbnail. ?? Frustrating day! Thank you for any help possible!

    That post is full of very, very bad code!
    Delete the whole post, disable the wysiwyg editor and re-do the post. Do NOT, repeat: do NOT copy from Word and other similar monster processors. If you have to copy: only plain text editors, like Notepad.
    It should fix it.

    Thread Starter inspired2write

    (@inspired2write)

    Hi,

    I was definetly having problems with the wysiwyg, but I don’t ever use anything other than typing directly into the wysiwyg editor or Notepad! I don’t use Word or other processors for website data so I don’t know why the bad code could have occurred, but thank you for informing me as to what the heck is going on with it! I’ll go in and delete the post and start it over.

    Thanks for your help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text Wrap Code Pushes Sidebar Down’ is closed to new replies.