So I have a bunch of pictures and I need to add links so people can just click on the pictures. I see now there are "picture links" instead of regular pictures, but when I add those instead I still don't see a place to add a url. What am I missing?
Thanks,
Tanya
Tanya Solomon
Registered User
259 posts
Bob Visser
COO
827 posts
For Picture link elements you can add the link address in the href input on the Design pane. (Just below alt text input).
Let us know if that worked please (because otherwise something is off...)
Let us know if that worked please (because otherwise something is off...)
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Tanya Solomon
Registered User
259 posts
That worked. Thanks!!
spoonfrog
Registered User
196 posts
Hi,
So, this seems simple enough but I am not seeing the href input area under the alt text in RSD. Here is a screenshot of how mine looks. Am I missing something?
So, this seems simple enough but I am not seeing the href input area under the alt text in RSD. Here is a screenshot of how mine looks. Am I missing something?
SPOON FROG graphics - Affordable Web Site Design & Ecommerce Design
www.spoonfroggraphics.com
www.spoonfroggraphics.com
Scott Swedorski
VP of Software Development
0 posts
The screenshot shows you have used a Picture element. Switch to a Picture Link element and you will see the HREF box.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
spoonfrog
Registered User
196 posts
Ah ha! Thank you so much! I have been racking my brain and thinking I had lost my mind because I couldn't find it! LOL!
SPOON FROG graphics - Affordable Web Site Design & Ecommerce Design
www.spoonfroggraphics.com
www.spoonfroggraphics.com
Chris Hembree
Registered User
45 posts
How do I add this to the body in RSD like it is showing?
<body>
<a class="fancybox" href="fancybox/images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
I am trying to import my codes .
Thanks
<body>
<a class="fancybox" href="fancybox/images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
I am trying to import my codes .
Thanks
Its A Kind Of Bali Magic
Registered User
5,402 posts
Online Now
Chris Hembree wrote:
How do I add this to the body in RSD like it is showing?
<body>
<a class="fancybox" href="fancybox/images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
I am trying to import my codes .
Thanks
How do I add this to the body in RSD like it is showing?
<body>
<a class="fancybox" href="fancybox/images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
I am trying to import my codes .
Thanks
put it into an html element that you have put into a column or subgrid column or even another container
You will have to add all other relevant files pertaining to the code (css,js image etc to your recourses folder
Although I must admit the code you are adding doesn't make sense to me,, the href doesn't go anywhere unless you have a folder called fancybox in your recourses and the whole thing probably won't work.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Chris Hembree
Registered User
45 posts
I have all the script links in settings in the head. Got this to work as a index.html
Did not know how to get the small photo to link to the large photo in RDS. I was trying to us a picture link element.
I will try this.
Thanks
Chris
Did not know how to get the small photo to link to the large photo in RDS. I was trying to us a picture link element.
I will try this.
Thanks
Chris
Chris Hembree
Registered User
45 posts
I did name a folder in my recourses called fancybox/images/large1.jpg
I am so new at this, I may be doing it all wrong.
This is what I do have working in my index.html file.
Just can't figure how to import it in RSD
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Fancybox</title>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<a class="fancybox" href="images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
</html>
I am so new at this, I may be doing it all wrong.
This is what I do have working in my index.html file.
Just can't figure how to import it in RSD
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Fancybox</title>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<a class="fancybox" href="images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
</html>
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.
