[Plugin: Link Library] Link image

Actually, I don’t think I am clear about what I am looking for so here it is again.

I would like my image at the left. On the right side, I would like to have my link and the description right bellow the link.

Anyway we can do this?

Thanks

That sounds possible. I will look into it in the next couple of days and get back to you.

I went to the link shown above and no longer see any images. From what I understand, using a table layout might not quite be the right thing to do. I will try to put a sample list as you ask and if it is the right layout, I can show you how I did it.

This is proving a bit more difficult than I was expecting. I will work on this some more tomorrow night and will let you know what I come up with.

Hello,
Thank you for your reply. I had to remove the images for now because that was looking a little weird. Thanks for looking at this. If this involve too much, I can always find an other way to display the links. Anyway… thanks lot for your time.

Is this the type of layout that you are looking to achieve?

https://yannickcorner.nayanna.biz/test-setting-7/

I had to make a few small changes to Link Library to get this table-based layout to work. Once I am sure that it does the trick for you, I will publish the new version and show you how I accomplished this result.

Let me know,

Yannick

Yes! This is exactly it! Thank you so much!!!

I was looking at your exemple again… so you know Daniel Bélanger? Are you french?

Yes, I am french canadian. Living in the suburbs of Montréal. Looking at your domain registration, I guess that you are also located in Quebec ??

I have uploaded the new version of Link Library (2.8.4) to the server. I have also taken screenshots of my configuration so you can see what I put in my configuration to get that layout.

Here are the links to the screenshots:
https://yannickcorner.nayanna.biz/images/LLSet7Top.jpg
https://yannickcorner.nayanna.biz/images/LLSet7Bottom.jpg

A few items are cut off in these screenshots.

The full code before the link image is:
<tr><td rowspan=2 class=linkimage>

The full code before the link description is:
<tr><td class=linkdesc>

I have also moved the example page to:
https://yannickcorner.nayanna.biz/cd-listing-with-images/

Finally, I added entries to my stylesheet to style this table data. The number 7 at the end of the ids is the number of the setting set in Link Library that was used to display the table.

#linklist7 .linklisttable {
	border: 0;
	padding: 0;
	border-collapse: collapse;
}

#linklist7 tr {
	padding: 10px 0 10px 0;
}

#linklist7 tr.filler {
	height: 10px;
}

#linklist7 td.linkimage {
	border-top: 1px #3b3d32 solid;
}

#linklist7 td.linkname {
	vertical-align: top;
	padding-top: 12px;
	height: 16px;
	border-top: 1px #3b3d32 solid;
}

#linklist7 td.linkdesc {
	vertical-align: top;
	padding-top: 6px;
}

#linklist7 img {
	margin: 10px;
}

Let me know if this works for you and mark the issue as resolved if it does.

Awesome! The wife is going out in an hour so I’ll give it a try and will let you know how it goes.

BTW, I’me from Roberval but moved in Yellowknife few years ago ??

Merci!!!!!!

humm… I am having some problems here.

1) Under Link Library settings:
Looks like it does not want to remember my settings. I type everything like you did on the screen shot and then save the settings. Everytime I go back to the setting page, I realize it’s back to Setting set 1.

2) Under General setting:
On your exemple you are using teststylesheet.css. I tried that one but also realized there is no teststylesheet.css in the plugin. Do I have to rename stylesheet.css to teststylesheet.css in the plugin files? I tried that but it didn’t worked.

3) The entries you added to your stylesheet:
Your talking about your template’s stylesheet or the plugin’s style sheet?

Thanks again

ok, I think I am getting closer ??

I deleded the plugin and reinstalled it. After that, I added images to all my links (obviously it won’t show right without that). Then, I set “categories to be displayed” to 0 instead of 43

So I now get this:
https://www.aquariumslife.com/aquarium-directory/

All I have to do now is to figure why there is that huge space between the link title and the link description.
I also have to figure how to set the width of the image cell.

I still think that some stuff is missing from your stylesheet. I was referring to your plugin’s stylesheet. But it could also be in your template’s stylesheet I guess.

For the After link block code, the class name should be filler, not filter. That would give you proper spacing between lines.

For the space between the link title and description, the problem us actually tied to the image. You will need to add a few properties to the stylesheet:

– Add a width property to the #linklist7 td.linkimage block
e.g. width: 100px;

I am still seeing a few strange things but that already looks better (I am using Firebug to get a live preview of the changes that I suggesting).

I don`t have much more time to help tonight. Perhaps tomorrow afternoon.

Thanks for the help. I made the few changes you told me and it worked ??

As for the huge space between the link title and description, I add a
“vertical-align: top;” to the first “#linklist7 td.linkimage” and it help lot. I have also change the padding under “#linklist7 td.linkdesc” to 0. I am not sure it’s the best way to do this but it worked.

Thank you very much for your help!!!! I really appreciate!

Everything seem to be working fine now so I’ll mark the issue as resolved.
If you have a minute to turn firebug on and see if my modification are ok that would be great.

I have seen other directory plugins with the screenshot thumbnail but I did not like how they work. I like to be able to host the images myself instead of the auto-generated screenshot other plugins have.

Thanks lot! That’s a really nice plugin!