I've got some headings and list items on my page. I know that I can add links to the text, but I'd like to add the link to the element itself. In other words, I want to move the <a> tags so that they're outside the <h2> and <li> tags. Is there a way to do this in RSD?
I have done this before by adjusting the padding with-in the element to match the size of the column. So for example if your column is the default height of 50px then adjust top and bottom padding on your Header element to match. This will in effect make the whole element area clickable.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Thanks for the input, but I'm not sure how well that would work.
Here's an example: http://screencast.com/t/BOVOJ5z1
This is a <ul> that appears on the left side of my page. Currently each item's text is clickable. The text changes to bold as soon as you hover over any part of the <li>, including the blank space to the right of the text. I'd like to be able to click whenever the text changes. Using padding doesn't work very well because the width of the column isn't always the same. Any other suggestions?
Here's an example: http://screencast.com/t/BOVOJ5z1
This is a <ul> that appears on the left side of my page. Currently each item's text is clickable. The text changes to bold as soon as you hover over any part of the <li>, including the blank space to the right of the text. I'd like to be able to click whenever the text changes. Using padding doesn't work very well because the width of the column isn't always the same. Any other suggestions?
Hi from Sunny Bali
I would imagine that the short answer to your question is no --- because in order to do that the way you want to would need moving the <a> tag> within the code, and being that RSD is billed as allowing the user to build "Stellar Web-sites"- without the need to touch code, sort of defeats the object.
I can assure you that Steve's suggestion is a great workaround, and does work at whatever width you can imagine.
All you need to do is make sure that the column HEIGHT (not width) is set to the same size as your <h1> (or whatever element) on both Regular and hover states.
give it a try I am sure that it will work for what you are trying to achieve
(H1 regular font size = 45px set column regular size to 45px)
(H1 hover font size = 50 px set column hover size to 50px)
remember to alter the column HEIGHT (regular & hover) at any breakpoint that you alter the (h1) element size to correspond,
I would imagine that the short answer to your question is no --- because in order to do that the way you want to would need moving the <a> tag> within the code, and being that RSD is billed as allowing the user to build "Stellar Web-sites"- without the need to touch code, sort of defeats the object.
I can assure you that Steve's suggestion is a great workaround, and does work at whatever width you can imagine.
All you need to do is make sure that the column HEIGHT (not width) is set to the same size as your <h1> (or whatever element) on both Regular and hover states.
give it a try I am sure that it will work for what you are trying to achieve
(H1 regular font size = 45px set column regular size to 45px)
(H1 hover font size = 50 px set column hover size to 50px)
remember to alter the column HEIGHT (regular & hover) at any breakpoint that you alter the (h1) element size to correspond,
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
Sorry I forgot to mention that you need increase the size of the font in hover state as well as making it go bold even by 1 px to make the whole column hover active
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
Ok I think I got what you are after
For the <h2> element follow Steve's workaround adjusting the height of the column to match the hieght of the text.
For the <li> element it is possible but you have to include spaces, to fill the list item element, which causes problems at lower display sizes, so the short answer for that part of your question <li> is don't think so, you would have to do that in your HTML editor after exporting
For the <h2> element follow Steve's workaround adjusting the height of the column to match the hieght of the text.
For the <li> element it is possible but you have to include spaces, to fill the list item element, which causes problems at lower display sizes, so the short answer for that part of your question <li> is don't think so, you would have to do that in your HTML editor after exporting
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
Thanks for your help, but I'm still not sure about this. Take another look at the example: http://screencast.com/t/BOVOJ5z1
If it helps, I'm trying to re-create and improve this page: https://www.volgistics.com/our-clients.htm. (I know it currently doesn't do what I'm asking about)
I've got 10 separate links, each to a different page, all in the same column. So setting the height of the column to match one item makes the rest of the page look wonky. Or should I really create a separate row and column for each item?
If it helps, I'm trying to re-create and improve this page: https://www.volgistics.com/our-clients.htm. (I know it currently doesn't do what I'm asking about)
I've got 10 separate links, each to a different page, all in the same column. So setting the height of the column to match one item makes the rest of the page look wonky. Or should I really create a separate row and column for each item?
I think originally it's the <h2> element part which confused us, I thought same as Steve that you wanted the whole column to be clickable whenever anyone entered.
Having looked at your page, I cant see what the problem is with using what RSD has to offer.
I will try to replicate something, have a look later when you have a chance. (not sure what time it is wherever you are, here in Bali 5:45 AM I will put something up shortly.
Having looked at your page, I cant see what the problem is with using what RSD has to offer.
I will try to replicate something, have a look later when you have a chance. (not sure what time it is wherever you are, here in Bali 5:45 AM I will put something up shortly.
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
I Got It, am making short video now
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
Not the video yet but a link to see if it's anywhere near
The only difference is the Title (clients) isn't <h2> it's just a text-link, couldn't get it to work using <h2>
http://balismartproperty.coffeecup.com/index.html
The only difference is the Title (clients) isn't <h2> it's just a text-link, couldn't get it to work using <h2>
http://balismartproperty.coffeecup.com/index.html
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
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.