Please Suggest: Using Separators/hr in WP Pages

  • LinuxGuru

    (@linuxguru)


    15 years, 7 months ago

    Hi, folks!

    I have run into unexpected problem. I have WP site with lengthy technical posts/pages, which contains a lot of images (all aligned left). Articles divided into topics, and often images occupy more space then text,describing them,and thus, title of next topic is not in sync with pictures.
    Since its not possible to attach pictures to posts of this forum, here is the link:
    http://www.vacuum-tube.eu/wp/?page_id=12

    I decided to use some kind of separator (just before title of topic), either invisible transparent image 500×1 pixel gif, either HTML horizontal rule “hr”
    <div class=”aligncenter” style=”width: 95%; height: 1px; border-width: 0pt; color: #ffffff; visibility: hidden;”><hr /></div>

    First method does not work nicely since I have style defined in theme, and it contains border, which remains visible around “invisible” separator image.
    Second method with “hr” also do not function as expected.

Viewing 4 replies - 1 through 4 (of 4 total)
  • webjunk

    (@webjunk)

    15 years, 7 months ago

    If the images are too large use a thumbnail. That is what they are for.,

    Thread Starter LinuxGuru

    (@linuxguru)

    15 years, 7 months ago

    I use thumbnails, 300×300, but there are a LOT of them, and text must be flow on the right side.of images.

    I’m still need solution for separators. Anyone can suggest a solution (something like “HR”) or any other hack/trick?

    webjunk

    (@webjunk)

    15 years, 7 months ago

    Think the default for thumbnails is 150×150. 300 is medium size. And of course in SETTINGS/MEDIA you can change it to whatever you want.
    My self, think it looks fine the way it is, but I don’t own any Fisher equipment tho’ love my old mcintosh receiver.
    Otherwise you can use tables to help with formatting.

    Thread Starter LinuxGuru

    (@linuxguru)

    15 years, 7 months ago

    Page looks fine in Mozilla Firefox but in Safari & Opera it is kinda awkwardly formatted.

    Unfortunately, logical structure of content of my pages do not allow to use small thumbnails (150 px), at least 300 px are required.

    Is it possible to format “HR” so it will occupy “whole” space without aligning next to picture? Or may be there is another HTML trick that would do exactly what is required?

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

The topic ‘Please Suggest: Using Separators/hr in WP Pages’ is closed to new replies.