Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2008-02-26 09:44:45
- myhairyhand
- New Member
- Registered: 2008-02-26
- Posts: 8
Thumbnail Images in article excerpt problem
I have an events section on our website. If I publish an article to the events section and use the events form, I get a nice title / excerpt and read more on front page. These excerpts have a divider gif between them.
But… if I include an article image, the excerpt shows the thumbnail, but if there is not much writing in the excerpt, the next article’s heading appears before my divider gif.
This is the events form
<h2 class=“storytitle”><txp:title /></txp:permlink></h2>
<txp:if_article_list> <! — list page: display the short version — ><txp:permlink><txp:article_image align=“left” thumbnail=“1” class=“image” /></txp:permlink>
<txp:excerpt /><txp:permlink>read more</txp:permlink>
<div align=“center”><img src=”<txp:site_url />images/1.gif” style=“height:1px;width:680px” class=“divider” alt=”“ /></div>
You can see the divider gif at the bottom of the form – but the thumbnail seems to be causing a spacing problem.
Any ideas?
Thanks
Offline
Re: Thumbnail Images in article excerpt problem
I’m not sure what the “align=left” is doing in the article_image but it sounds like you have a clearing problem so try adding clear:left; into the style for the divider image.
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#3 2008-02-26 10:40:45
- myhairyhand
- New Member
- Registered: 2008-02-26
- Posts: 8
Re: Thumbnail Images in article excerpt problem
Thanks Stuart,
I added that in here in that form
<div align=“center”><img src=”<txp:site_url />images/1.gif” style=“clear:left;height:1px;width:680px” class=“divider” alt=”“ /></div>
but it hasn’t made any difference.
So you can see what the problem looks like, here is the website. It is one I am working on before going live.
The problem rears itself on front page in the list of coming events.
Thanks again
Robert
Offline
Re: Thumbnail Images in article excerpt problem
OK. Just looking at the HTML and CSS it seems that all img tags are floated left which is why you have a clearing problem. My problem is that it seems there is no surrounding div for each article otherwise you could use “clearfix”. Do you want to get in touch via “stuart at thebombsite dot com” as it would be simpler if I could login and sort the problem then explain what I’ve done rather than try and explain it here?
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#5 2008-02-26 12:30:28
- myhairyhand
- New Member
- Registered: 2008-02-26
- Posts: 8
Re: Thumbnail Images in article excerpt problem
Thanks again Stuart,
I have sent a message to your address at the bombsite
Cheers
Robert
Offline
Re: Thumbnail Images in article excerpt problem
Fixed. :)
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#7 2008-02-26 19:57:15
- myhairyhand
- New Member
- Registered: 2008-02-26
- Posts: 8
Re: Thumbnail Images in article excerpt problem
Mate!
Thanks Stuart. I have spent ages on this. I went to bed after emailing you, got up this morning and its done. You are a legend.
Cheers
Robert
Offline
Re: Thumbnail Images in article excerpt problem
Ha haaaa. Legend is it? I’m too young for that. Maybe next year. ;)
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline