Thread

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

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

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 : )

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