Per
Senior Advisor
1,850 posts
A closing curly bracket ( "}" ) seems to be missing from the css link rule on line 90 (see screenshot). This kind of thing often leads to unpredictable, cascading errors in the markup that follows.
Eric Rohloff
Senior Advisor
20,187 posts
You can make these all into one using a class instead of ID.
Then each html
<style type="text/css">
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
-->
</style>
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
-->
</style>
Then each html
<div class="customlink"><a href="http://test.dtscarpentry.com">HOME</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Residential.html">RESIDENTIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Contact.html">CONTACT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Gallery.html">GALLERY</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Commercial.html">COMMERCIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Residential.html">RESIDENTIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Contact.html">CONTACT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Gallery.html">GALLERY</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Commercial.html">COMMERCIAL</a></div>
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
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
Marc Nevue
Registered User
324 posts
So, please correct me if I’m wrong, each link/button had an ID, and this is unique within them selves. Now, adding a CLASS, groups them. With that said, it should be ok to use both?
Example: HOME page, the HOME link will have an ID and all the others will be CLASS. This should allow better control of the HOME link to stay one color and the other links to change to white on hover.
If I am putting too much into this then please kick me around a bit lol.
Example: HOME page, the HOME link will have an ID and all the others will be CLASS. This should allow better control of the HOME link to stay one color and the other links to change to white on hover.
If I am putting too much into this then please kick me around a bit lol.
Eric Rohloff
Senior Advisor
20,187 posts
But you have all of the css with an ID set the same.
To get the link to be a different color when your on that page can be set with another class added to the actual link on that page.
This would be the html on the home page. For each page you would move the select class to that link
To get the link to be a different color when your on that page can be set with another class added to the actual link on that page.
<style type="text/css">
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
.select a:link {color: #FF0000; }
-->
</style>
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
.select a:link {color: #FF0000; }
-->
</style>
This would be the html on the home page. For each page you would move the select class to that link
<div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Residential.html">RESIDENTIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Contact.html">CONTACT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Gallery.html">GALLERY</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Commercial.html">COMMERCIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Residential.html">RESIDENTIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Contact.html">CONTACT</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Gallery.html">GALLERY</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Commercial.html">COMMERCIAL</a></div>
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
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
Marc Nevue
Registered User
324 posts
ah, I see. Curious tho, would my way work or would I run into a conflict?
Eric Rohloff
Senior Advisor
20,187 posts
You can do it your way but judging from the thread it wasn't working out.
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
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
Marc Nevue
Registered User
324 posts
I was trying to convince myself of that, but kept arguing with myself 
Thanks! I feel that I am moving forward again
Thanks! I feel that I am moving forward again
Marc Nevue
Registered User
324 posts
ERIC,
Your last suggestion: Should this code <div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div> pick up this .select a:link {color: #FF0000; } code so that the color on it is RED for the HOME link/button?
Your last suggestion: Should this code <div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div> pick up this .select a:link {color: #FF0000; } code so that the color on it is RED for the HOME link/button?
Eric Rohloff
Senior Advisor
20,187 posts
Marc Nevue wrote:
ERIC,
Your last suggestion: Should this code <div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div> pick up this .select a:link {color: #FF0000; } code so that the color on it is RED for the HOME link/button?
ERIC,
Your last suggestion: Should this code <div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div> pick up this .select a:link {color: #FF0000; } code so that the color on it is RED for the HOME link/button?
Just for demo purposes. I didn't look to see what color you wanted it. Plus you looking at it will train your eye to pick those things up.
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
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
Marc Nevue
Registered User
324 posts
Dont take it the wrong way, I know what color I want it is just that I don't see RED with that code you gave me. I think I will go through all the pages and re-sync. I will re-post later so if there is an issue.
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.
