There must be a certain procedure to linking an H2 for example,
I'm running into issues applying a class and styles to headings with links.
There is no basic link style for headings once you apply the link, and if you add the class before it doesn't apply to the link style. If you add it after it won't apply to the anchor style on the heading. If you make a new style after you apply the link you don't get the normal/hover typography style options. If you edit the text after it wipes out the link and the styles, if you do it before the styles don't take on the anchor... it doesn't call up the applied class used or even the link list either?
I'm wondering what the procedure is so you don't end up with so many classes applied to a single element. I've tried applying it to the type and it even gets a little worse. You'd think you would set the type then apply an anchor class but that doesn't work either? You end up with no options setting the link styles that way again.
So something so basic is making me feel a little dumb at the moment.
I'm running into issues applying a class and styles to headings with links.
There is no basic link style for headings once you apply the link, and if you add the class before it doesn't apply to the link style. If you add it after it won't apply to the anchor style on the heading. If you make a new style after you apply the link you don't get the normal/hover typography style options. If you edit the text after it wipes out the link and the styles, if you do it before the styles don't take on the anchor... it doesn't call up the applied class used or even the link list either?
I'm wondering what the procedure is so you don't end up with so many classes applied to a single element. I've tried applying it to the type and it even gets a little worse. You'd think you would set the type then apply an anchor class but that doesn't work either? You end up with no options setting the link styles that way again.
So something so basic is making me feel a little dumb at the moment.
Are you illustrating two issues?
1. Header Elements - after applying styles, then making the text into a link, those styles are removed.
2. Hover styles not working
1. Is not just header elements, its all text and all links that involve text. The issue is that for RSD, to set up the link, it is creating the link inline with a <a></a>. When you create a class, RSD has that applied to only that element. For instance, you create a header and style it, that style is a h1.header-text-1 style and only applies to the text of a h1. When the link is made; the text you highlight and make into a link, is placed into the <a></a> tag. The default css from RSD gives it a blue color. RSD is not appending the .a to the css when the link is made, so it defaults to the default css in coffeegrinder.css. When you style the text in the link you get something like h1 a.header-1 { } which is saying to style the <a> tags that are in <h1> tags with the header-1 class.
I don't like it. There should be an option to carry down styles from the parent when only a few styles will be changed. But it is what it is. Its easier said that done, but hopefully RSD will evolve with more options like that.
2. Hover is broken if you style a visited link. Its a bug with RSD, and they know about it, and I would assume for it to be fixed in the next update. I am new to RSD and happened to get it just after the most recent update, and I am sure other people would have caught it from the beginning, so it must be a recent issue introduced into 1.5. (I know I reported it, but there is no list of known bugs to check against). What is happening right now is that RSD outputs the psuedo-class css for links in the wrong order. Instead of LVHA, RSD is doing LHVA, so that when a link is visited, it over-rides hover state even when hovering. This can only be fixed by hand coding the final css.
I believe you can hand code, and sometimes there are bug or quirks in RSD. So you have to put the coding hat back on and dive into the css that RSD outputs, check the css output against what it should output.
1. Header Elements - after applying styles, then making the text into a link, those styles are removed.
2. Hover styles not working
1. Is not just header elements, its all text and all links that involve text. The issue is that for RSD, to set up the link, it is creating the link inline with a <a></a>. When you create a class, RSD has that applied to only that element. For instance, you create a header and style it, that style is a h1.header-text-1 style and only applies to the text of a h1. When the link is made; the text you highlight and make into a link, is placed into the <a></a> tag. The default css from RSD gives it a blue color. RSD is not appending the .a to the css when the link is made, so it defaults to the default css in coffeegrinder.css. When you style the text in the link you get something like h1 a.header-1 { } which is saying to style the <a> tags that are in <h1> tags with the header-1 class.
I don't like it. There should be an option to carry down styles from the parent when only a few styles will be changed. But it is what it is. Its easier said that done, but hopefully RSD will evolve with more options like that.
2. Hover is broken if you style a visited link. Its a bug with RSD, and they know about it, and I would assume for it to be fixed in the next update. I am new to RSD and happened to get it just after the most recent update, and I am sure other people would have caught it from the beginning, so it must be a recent issue introduced into 1.5. (I know I reported it, but there is no list of known bugs to check against). What is happening right now is that RSD outputs the psuedo-class css for links in the wrong order. Instead of LVHA, RSD is doing LHVA, so that when a link is visited, it over-rides hover state even when hovering. This can only be fixed by hand coding the final css.
I believe you can hand code, and sometimes there are bug or quirks in RSD. So you have to put the coding hat back on and dive into the css that RSD outputs, check the css output against what it should output.
Kind of finding a lot of issues with the text linking, it's pretty quirky.
I do know CSS pretty well I thought... but you're right the anchor class should cascade from the parent. The CSS bloat can build pretty high in responsive so keeping it down on the basics is a must. Good to know about the broken hover that one was weird how it wouldn't work... so a version list would be kind of nice.
I found the inspector doesn't show the anchor CSS so to get to the bottom of what's happening to be able to hack it to work I guess it's preview then search the main CSS for the link styles or go back to using firefox web developer or firebug... bit of a hassle. Still RSD is new so some issues to be expected, nothing too big so far (except the URL case bug).
I did find one little funky bit in paragraphs that I solved. When you highlight for editing you can't just highlight the text, you have to drag from the beginning of the text on the next line seems like it doesn't go past a line break. But then the undo smokes sometimes and you can loose everything. So it's like keep adding a save as not just save for a back-up each section step...
I do know CSS pretty well I thought... but you're right the anchor class should cascade from the parent. The CSS bloat can build pretty high in responsive so keeping it down on the basics is a must. Good to know about the broken hover that one was weird how it wouldn't work... so a version list would be kind of nice.
I found the inspector doesn't show the anchor CSS so to get to the bottom of what's happening to be able to hack it to work I guess it's preview then search the main CSS for the link styles or go back to using firefox web developer or firebug... bit of a hassle. Still RSD is new so some issues to be expected, nothing too big so far (except the URL case bug).
I did find one little funky bit in paragraphs that I solved. When you highlight for editing you can't just highlight the text, you have to drag from the beginning of the text on the next line seems like it doesn't go past a line break. But then the undo smokes sometimes and you can loose everything. So it's like keep adding a save as not just save for a back-up each section step...
There is some instances where text is deleted, a paragraph break still remained. I haven't tried to verify it, and I can't say it was a bug. But double check to make sure there is not an errant break added, or you need to delete the (non-visible) break in the RSD editor. I would check the html to see if there is a paragraph break you can not detect in the editor.
No I mean when you are styling a part of a paragraph. I found you have to drag back from the beginning of the next text line. That sometimes allows you to get the style in without the text just disappearing. When it just is *poof* gone the undo won't get it back most of the time.
Might be an issue with using a class other than the defaults too though, going to have to have a go some other day. Didn't get anywhere today between that and getting a link to I work lost a day on it. I was just trying to get an H2 in instead paragraph link but things went south. You can see the paragraphs I'm talking about on that test I posted... been checking the iPhone there, but need to get that inline link to an H2 heading.
I'd go for the CC foundation beta but it uses zepto and sass instead of jQuery and CSS, don't need two more languages at the moment.
Might be an issue with using a class other than the defaults too though, going to have to have a go some other day. Didn't get anywhere today between that and getting a link to I work lost a day on it. I was just trying to get an H2 in instead paragraph link but things went south. You can see the paragraphs I'm talking about on that test I posted... been checking the iPhone there, but need to get that inline link to an H2 heading.
I'd go for the CC foundation beta but it uses zepto and sass instead of jQuery and CSS, don't need two more languages at the moment.

Hi from sunny Bali
Am I missing something here, are you just wanting to give a H2 header a link ?
Am I missing something here, are you just wanting to give a H2 header a link ?
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://mawarputih.coffeecup.com/forms/prove-human/
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://mawarputih.coffeecup.com/forms/prove-human/
I don't have any issues highlighting text. I can highlight single lines and highlight past line breaks with my mouse or with the shift+arrow combination.
Are you using the most recent version of RSD?
Are you using the most recent version of RSD?
A Rose is Just a Weed in a Corn Patch!
Well hey from sunny Cali
No, the linking is no problem for headings it's applying the class with specific styles, but Bill was saying the hover is being fixed in the next release. More specifically applying global classes but it doesn't cascade to the anchors. You need to style the text first then apply those limited options to the link style, there you can add another class.
Yeah Ernie 1.5, that's what I mean I found you need to drag past the text to include the full line. Typically you can just highlight the text and it includes the line to the next text without doing that manually past the line break. Yesterday though in a couple of tests on inline text on a paragraph the text disappeared when trying to apply a global class, then the undo won't bring that text back... you haven't ran into that huh?
No, the linking is no problem for headings it's applying the class with specific styles, but Bill was saying the hover is being fixed in the next release. More specifically applying global classes but it doesn't cascade to the anchors. You need to style the text first then apply those limited options to the link style, there you can add another class.
Yeah Ernie 1.5, that's what I mean I found you need to drag past the text to include the full line. Typically you can just highlight the text and it includes the line to the next text without doing that manually past the line break. Yesterday though in a couple of tests on inline text on a paragraph the text disappeared when trying to apply a global class, then the undo won't bring that text back... you haven't ran into that huh?
Okay, new day.
I think I solved the heading issue, caused a crash to blue screen finding it this morning but I believe I found the problem.
It's not a CSS issue. I tested on a blank page and found that is correct it gets listed under the text element comment in the main CSS sheet. So it will cascade from the parent.
The problem lies in removing / adding the class.
You have to start with a new element removing an existing class to change it to a global style is where the problem is.
So if you style your header, then add the link with a new class for the anchor it goes smooth. Then once you have that class it can be used again. You can't change the class on an existing yet, looks like that is where it goes awry.
I haven't tried changing the default H2 class but I'm assuming that would be the same.
You'd probably need to set the type and hope that style format works for the site or use the default class without changing the name to something more semantic.
I think I solved the heading issue, caused a crash to blue screen finding it this morning but I believe I found the problem.
It's not a CSS issue. I tested on a blank page and found that is correct it gets listed under the text element comment in the main CSS sheet. So it will cascade from the parent.
The problem lies in removing / adding the class.
You have to start with a new element removing an existing class to change it to a global style is where the problem is.
So if you style your header, then add the link with a new class for the anchor it goes smooth. Then once you have that class it can be used again. You can't change the class on an existing yet, looks like that is where it goes awry.
I haven't tried changing the default H2 class but I'm assuming that would be the same.
You'd probably need to set the type and hope that style format works for the site or use the default class without changing the name to something more semantic.
Last word on this and I'll let it go...
Here try this little test and you'll see what I'm referring to.
Put in a header and style it, say 30px Georgia bold color dark blue on hover gold with a shadow. class test1
Add your link, then use gold and hover dark blue, no option for shadow in there. class test2
Preview in RSD you'll see the gold underline on hover no underline and the shadow.
Preview in firefox (browser) you'll see a blue on hover no underline and the shadow.
So now go back to RSD and try editing any of the link styles for test2 class.
That stops working.
You can go to the heading and change the color there but you'll still see the link colors...
That's the kind of thing I mean, just a couple of little quirks to get used to.
Here try this little test and you'll see what I'm referring to.
Put in a header and style it, say 30px Georgia bold color dark blue on hover gold with a shadow. class test1
Add your link, then use gold and hover dark blue, no option for shadow in there. class test2
Preview in RSD you'll see the gold underline on hover no underline and the shadow.
Preview in firefox (browser) you'll see a blue on hover no underline and the shadow.
So now go back to RSD and try editing any of the link styles for test2 class.
That stops working.
You can go to the heading and change the color there but you'll still see the link colors...
That's the kind of thing I mean, just a couple of little quirks to get used to.
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.