Date Icon Floating Right Issue

  • Resolved cindyp

    (@cindyp)


    14 years, 3 months ago

    I have a date icon set up floating to the right. My category pages are set up with a mullet loop — 1 full post, then 7 excerpted posts with images.

    That date icon won’t float all the way to the right on the excerpted posts. I just don’t understand why not! I sort of think it has to do with the category icon (float left) not being on those posts, but if I’m telling it to float left it should!

    My CSS for date is:

    .date {
    float: right;
    width: 50px;
    height: 55px;
    margin: 10px 0;
    padding: 5px 0 0;
    background: url(images/datebg.jpg) no-repeat;
    font-family: Georgia, Times, “Times New Roman”, serif;
    font-size: 120%;
    text-align: center; }

    HTML is:

    <div class="date">
          <?php the_time('M','',''); ?><br />
          <?php the_time('j','',''); ?>
        </div>

    A page can be seen here https://chickensintheroad.com/barn/

    Any help would be so much appreciated ??

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

  • Hi, the problem is that the bottom posts (the ones that uses the excrept) are inside the container of the top post (full post). This might be due to an unclosed tag.

    The div you have to check is the one that has the class “storycontent”.

    Check that and let me know how it goes.

    Regards,
    David.

    Because its container has padding 15px that prevents the date to properly right aligned.

    One solution is to make different class, say date2, and in the CSS definition for this class set the margin-right to -15px (yes, minus).

    Thread Starter cindyp

    (@cindyp)

    Oh, thank both of you!!! I tried working around the “storycontent” div, but that just wonked everything! I never thought to use a minus margin-right, thank you, thank you, thank you!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Date Icon Floating Right Issue’ is closed to new replies.