ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Unordered list 'partly hidden' behind image

June 28, 2007 10:30am

Subscribe [0]
  • #1 / Jun 28, 2007 10:30am

    Mikee Bee

    179 posts

    In Firefox its fine but in Safari, IE 6 & 7 the bullets on the unordered list dissappear (I think behind the image)

    Its the list in the main column that starts
    * An outstanding venue
    * Unique and sector…

    http://www.definitiontests.co.uk/sites/aerial/courses.htm

    I can give the <ul> a left margin that is at least the total width of the <img> but since I can’t give the <ul> an ID or class (as content will come from a custom field) and can’t apply the CSS to all <ul>‘s I’m a bit stumped!

    Thanks

  • #2 / Jun 30, 2007 10:01am

    Rob Allen

    3105 posts

    You could always wrap a <div> around the custom field tag in your template , then you can control it’s position and formatting.. something like…

    <div class=“mylist”>
    {customfield}
    </div>

    ...which would be output as

    <div class=“mylist”>
    <ul>
    <li>My data field</li>
    <li>My data field</li>
    <li>My data field</li>
    </div>

    Then you can use CSS to position the <div> and/or the <ul> inside it

  • #3 / Jun 30, 2007 10:22am

    Mikee Bee

    179 posts

    Good suggestion, I’ve managed to sort it without any more div or anything here is the code that did it…

    #content ul {
        display: inline-block;
        height: 1%;
        }

    Thanks anyway : )

  • #4 / Jun 30, 2007 12:05pm

    Rob Allen

    3105 posts

    No problem glad you sorted it - there’s always more than 1 way to CSS!

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases