How do I suppose to do li with image...

User 434929 Photo


Ambassador
938 posts

Inserting HTML element it's ok but I don't have it CSS control within RSD?
<ul class="myclass">
<li>
<img src="image1.jpg" />
</li>
<li>
<img src="image2.jpg" />
</li>
<li>
<img src="image3.jpg" />
</li>
<li>
<img src="image4.jpg" />
</li>
</ul>
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

Can you apply a background image to the li?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 434929 Photo


Ambassador
938 posts

background yes and that's not what I want :(

I know I can add thru jQuery prepend ('Links for image'); method

it's little complicated after giving away the final production and for one whom is not really code savvy
Even
<div class="class" data-src="img2.jpg">
<img src="thumb2.jpg" />
</div>
is not possible.
the only method so far is add custom HTML element and inline styling but then that does not serve the purpose.

I have got to build with HTML editor that's weak point of RSD so far for me:(
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

I'm sure CC will put more options in place as they work on building the app.
Adding a little with the HTML Editor is still easier then hand coding the entire site.
Did you make it a suggestion?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 10077 Photo


Senior Advisor
1,095 posts

One of the things that has worked well for me is I include a "styles" page with every project. No pages link to it. It's sole purpose is to include the styles for particular items that are added via an html element or elements added later in HTML Editor. Here's how I do it.

Add a styles page to your project. It should have the same layout structure as the other pages.
Add an image and add all the styling that you would use in the <li>.
Once you export the project, add the images to the list.
You might have to copy some css to your custom.css with a slightly different name depending on the css code generated by RSD, but it works well.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 434929 Photo


Ambassador
938 posts

I have not made suggestion on this because I am sure CC staff surely will read this topic. and yeah lets hope they will implement it very soon as it helps building mage slide show much easier within RSD.

Thanks for suggestion Brian , For now I add as HTML element and build it's own custom css .
Guys at coffeecup are awesometacular.
User 122279 Photo


Senior Advisor
14,456 posts

Brian, could you create a small sample site to show us with this styles page, I don't follow your explanation above.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 188640 Photo


Registered User
895 posts

I'm with Inger.

I'd like to see an example of this as well.
A Rose is Just a Weed in a Corn Patch!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.