Forums » Peculiar CSS results

RSS feed for this topic

Info

  1. Using the EasyColor theme, but receive the same results no matter what theme.

    To order and label item fields the way we want, rather than using "<?php echo display_files_for_item(); ?>" we are defining each field. For example, for title: <?php echo item('Dublin Core', 'Title'); ?>.

    For items in the following collection:

    http://library.gc.cuny.edu/34th_st/

    why are the fonts for subjects appearing larger than the other fields, despite having the same CSS tags:

    <div class="element-text">
    <div id="item-tags" class="element">

  2. Interestingly, according to Web Developer Toolbar style tag applied for subjects is ul .subject-list>li subject. And for all other fields div #item-tags.element.

    Here is more of my show.php page for the description and subject fields:

    <div class="element-text">
    <div id="item-tags" class="element">
    <h4><b>Description:</b></h4>
    <?php echo item('Dublin Core', 'Description'); ?>
    </div></div>

    <div class="element-text">
    <div id="item-tags" class="element">
    <?php
    $subjects = item('Dublin Core', 'Subject', 'all');

    if (count($subjects) > 1):

    ?>
    </div></div>

    <div class="element-text">
    <div id="item-tags" class="element">
    <h4><b>Subjects:</b></h4>
    <ul class="subject-list">
    <?php foreach ($subjects as $subject): ?>
    <li class="subject">
    <?php echo $subject; ?>

    <?php endforeach; ?>

    <?php endif; ?>
    </div></div>

  3. Yep. You're outputting your subjects in a ul, while your other elements are directly inside a div only.

    The reason you're seeing bigger text is that your ul style includes font-size: 1.5em, which will make text 50% bigger than it would have been outside the ul.

Reply

You must log in to post.