This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.
The active forums are here.
January 31, 2011 2:03pm
Subscribe [4]#16 / Feb 01, 2011 6:50pm
You just need to tinker with the CSS to make it appear in ie7. I’m not sure what the rest of your css looks like so it might take a bit of playing around. One trick is to add a one pixel border to all of the elements to see if they are showing up at all.
#17 / Feb 01, 2011 6:55pm
Ok I’ll dig in. Thanks for all you help! I’ve learned a lot today.
#18 / Feb 01, 2011 7:00pm
try adding this to your css file:
/* Clearfix */
#clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}and then change the <ul> code on the page from <ul id=“thumbnails”> to <ul id=“thumbnails” class=“clearfix”>
That might do it…
#19 / Feb 01, 2011 7:23pm
Actually mixed results. The entries are now showing up in IE7 & FF but they are showing showing issues with adding bullet points which forces the next entry down 1 line having a staggering effect. Have you come across this before?
Rik
#20 / Feb 01, 2011 7:27pm
Try changing the list-style-type: none; to list-style: none; in the css.
#21 / Feb 01, 2011 7:44pm
Not sure where to put it so I put it everywhere I could think of. No difference and I’m going to have to work on this tomorrow. I’m going on 12 hours now and my mind is mush.
So I will say it again…
Thank you very much for helping me through today. We are very close. Hopefully I can find a solution in the morning thanks to your advice and guidance.
Thanks again. Today has been a good day!
#22 / Feb 01, 2011 7:49pm
No problem. It’s close now. Some of your existing css is conflicting with the code I gave you. It’s just a matter of de-bugging and it will work. Good luck.
Cheers,
Mike
#23 / Feb 03, 2011 3:30pm
Ok I totally got lost in the complexity of your CSS. So I started over and I have made progress believe it or not. I was hoping you could take a fresh look at this.
http://purebred-dog.com/index.php/males/pattersons_beagles/554
In IE I get a horizontal staggerring of the results, In FF and Safari I get some unintended space at the top which I don’t understand why but could live with. The border is simply to define the area and will not be there when the site goes live.
This is the simple CSS I’m using. If I remove all remaining CSS I still have the same results so no conflict there.
ul.a {
padding: 0px;
margin: 0px 0px 0px 0px;
}
ul.a li {
list-style-type:none;
}
.thumb {
position: relative;
float: left;
width: 229px;
height: auto;
border: 1px solid #ccc
}this is the code on the page
{exp:channel:entries channel="males" orderby="name" sort="asc" limit="all" author_id="{segment_3}" dynamic="no" }
{if no_results}Sample No Results Information{/if}
{if count == "1"}
<ul class="a">
{/if}
<li><div class="thumb"><center>{exp:imgsizer:size image='{dog_image_1}' width="150"}
{sized}{/exp:imgsizer:size}</center>
<a href="http://{title_permalink="><h2 class="bodyc">{title}</h2></a></div>
</li>
{if count == total_results}</ul>{/if}
{/exp:channel:entries}Thanks in advance.
#24 / Feb 03, 2011 4:09pm
You have a couple of errors in your code here (some p tags that are not closed):
<li><div class="thumb"><center>{exp:imgsizer:size image='{dog_image_1}' width="150"}
{sized}{/exp:imgsizer:size}</center>
<a href="http://{title_permalink="><h2 class="bodyc">{title}</h2></a></div>
</li>
</quote>
try replacing it with this:
<code>
<li><div class="thumb"><center>{exp:imgsizer:size image='{dog_image_1}' width="150"}
{sized}{/exp:imgsizer:size}</center>
<a href="http://{title_permalink="><h2 class="bodyc">{title}</h2></a></div>
</li>Let’s see what happens after that.
#25 / Feb 03, 2011 4:12pm
It’s not letting me paste the code you have with the errors for some reason but take a look at the html in your <li> tags and you will see you have a couple of tags that are not closed…
#26 / Feb 03, 2011 6:07pm
Michael - I first closed the p tag and did not see any change, so next I removed the p tag altogether. No change. Here is what I have now…
<tr>
<td>
{exp:channel:entries channel="males" orderby="name" sort="asc" limit="all" author_id="{segment_3}" dynamic="no" }
{if no_results}Sample No Results Information{/if}
{if count == "1"}
<ul class="a">
{/if}
<li><div class="thumb"><center>{exp:imgsizer:size image='{dog_image_1}' width="150"}
{sized}{/exp:imgsizer:size}</center>
<a href="http://{title_permalink="><h2 class="bodyc">{title}</h2></a></div>
</li>
{if count == total_results}</ul>{/if}
{/exp:channel:entries}
</td>
</tr>#27 / Feb 03, 2011 6:14pm
You also need to close this:
<a href="{title_permalink=">It’s missing a closing bracket. Change it to this:
<a href="{title_permalink}">#28 / Feb 03, 2011 6:26pm
Yeah - thanks fixed it but it did not change the outcome.
<tr>
<td>
{exp:channel:entries channel="males" orderby="name" sort="asc" limit="all" author_id="{segment_3}" dynamic="no" }
{if no_results}Sample No Results Information{/if}
{if count == "1"}
<ul class="a">
{/if}
<li><div class="thumb"><center>{exp:imgsizer:size image='{dog_image_1}' width="150"}
{sized}{/exp:imgsizer:size}</center>
<a href="http://{title_permalink="><h2 class="bodyc">{title}</h2></a></div>
</li>
{if count == total_results}</ul>{/if}
{/exp:channel:entries}
</td>
</tr>Thanks for helping me again.