![](/s/cache/21/23/2123af252844da73bf94dfef738c0ec8.png)
Images next to citations
I appreciate the great flexibility with BibBase. Still I have a question for a more dedicated Bibliography, namely one with small images beside each publication (e.g. similar to here: http://ttic.uchicago.edu/~mmaire/ ). Do you think this is possible (e.g. with manual modification of the style file)? We could easily introduce a new bibtex field "publication_thumbnail" referring to a url of a jpg or png. But how could we display this image in our webpage at the right position with bibbase? Any thoughts?
Answer
![](/s/cache/9f/de/9fde3bc085968e81d3666d4e5b0a4a4c.png)
Glad to see some pull for this feature. This is a feature we have been considering adding to BibBase. I don't think it's possible with the current styling capabilities alone (themes + CSS).
![](/s/cache/99/62/99624dd3e65336fddc290cd2888e84d9.png)
Was trying to make a publications page for myself. Absolutely loved what bibbase has to offer.
But I wanted to check if it is possible to get TOC images/ Thumbnail besides the publications now?
![](/s/cache/9f/de/9fde3bc085968e81d3666d4e5b0a4a4c.png)
Hi Anish, It is possible to add images in the bibbase_note field, which allows HTML. However the placement of that image may not be where you like it. You could do something like this:
<img src="....." style="float: right; width: 200px;">
Which will show the image on the right of the publication. But it will not line up nicely with the top of the publication, plus I assume you'd prefer having the image on the left. You might be able to do something more with CSS using 'position: absolute' on the '.bibbase_note' class, and you can also increase the left margin of the publication itself to create space for the image. But I can't think of a way to achieve the top alignment of image and publication title. Let me know if you find a way. Otherwise I'll update this ticket when we get to implementing this feature properly.
![](https://cdn.userecho.com/characters/70.png?1)
I spent quite some time doing this and I'm rather happy about the result: https://florentfo.rest/publications
Only problem is the top alignment that I could not manage. As a result, if the paper has a multi-line title or authors list, the image will be placed a bit too low.
This is my CSS:
.bibbase_note img float: right position: relative top: -50px height: auto width: 240px left: -100% margin: auto .bibbase_paper padding-left: 240px;
![](/s/cache/92/e9/92e917147b7e91074f910d6502657816.png)
So, I'm an HTML noob. Is there a way to add this inline along with the bibbase HTML call when loading the publication list to a website? I am a bit restricted when it comes to how I can modify my website due to departmental security restraints.
![](https://cdn.userecho.com/characters/70.png?1)
If you are able to modify the HTML page, then you can add CSS between <style> ... </style> inside the header block (<head>), in case you can't add or modify an external CSS file.
Customer support service by UserEcho
Glad to see some pull for this feature. This is a feature we have been considering adding to BibBase. I don't think it's possible with the current styling capabilities alone (themes + CSS).