Anders Posted July 15, 2019 Share Posted July 15, 2019 Hi everyone, can anyone tell me whats wrong in the upper item on http://masterclassofindigo.art/udstillinger/udstillinger.html I would like it to display the text (link) in white like the lower item, and I am not able to figure out what is wrong. Kind regards Anders Link to comment Share on other sites More sharing options...
justsomeguy Posted July 16, 2019 Share Posted July 16, 2019 If you right-click on each of those and select Inspect Element, you can see the list of styles that are applied to it. The ones on top don't have any extra styles applied. Link to comment Share on other sites More sharing options...
Anders Posted July 17, 2019 Author Share Posted July 17, 2019 Hi justsomeguy thanks for your help. mysource looks like this: <main> <span> <div class="rosenfeldt-box"> <under-overskrift> <a href="2017Rosenfeldt.html">Rosenfeldt 2017</a> </under-overskrift> </div> </span> <span> <div class="kulturnat-box"> <under-overskrift> <a href="2018Kulturnat.html">Kulturnat Vordingborg 2018</a> </under-overskrift> </div> </span> </main> and I am not able to understand your writings about the missing styles 🐵 Anders Link to comment Share on other sites More sharing options...
Jay Ellsworth Posted July 17, 2019 Share Posted July 17, 2019 In your CSS, is the same style that's being applied to kulturnat-box also being applied to rosenfeldt-box? Link to comment Share on other sites More sharing options...
dsonesuk Posted July 17, 2019 Share Posted July 17, 2019 I suggest you validate your html, you have wrongly placed element tags and it seems you have made up tag names which is not allowed. You setup the default styling of anchors a { text-decoration: underline; color: blue; } Then the styling in order of a:link, a:visited, a:hover, a:active Link to comment Share on other sites More sharing options...
ishan_shah Posted August 2, 2019 Share Posted August 2, 2019 Hello, You should try following code. <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Masterclass Of Indigo | Udstillinger</title> <link href="../main.css" rel="stylesheet" type="text/css"> <link href="../footer.css" rel="stylesheet" type="text/css"> <link href="../tablet768.css" rel="stylesheet" type="text/css"> <link href="../mobile400.css" rel="stylesheet" type="text/css"> <!-- Font 5 icons --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> <style type="text/css"> .rosenfeldt-box { height: 200px; background-color: #FF00D7; background-image: url("2017RosenfeldtMenu.JPG"); background-size: cover; margin: 1%; } .kulturnat-box { height: 200px; background-color: #FF00D7; background-image: url("2018KulturnatMenu.jpg"); background-size: cover; margin: 1%; } </style> </head> <body> <span> <a href="http://masterclassofindigo.art"><i class="fas fa-home" style="font-size:36px;color:white"></i> </a></span><a href="http://masterclassofindigo.art" style=" color: white;"> <span> <overskrift> Udstillinger</overskrift> </span> <hr> </a><main><a href="http://masterclassofindigo.art"> <span> </span></a><div class="rosenfeldt-box"><a href="http://masterclassofindigo.art"> </a><h2><a href="http://masterclassofindigo.art"> </a><a href="2017Rosenfeldt.html">Rosenfeldt 2017</a> </h2> </div> <span> <div class="kulturnat-box"> <h2> <a href="2018Kulturnat.html">Kulturnat Vordingborg 2018</a> </h2> </div> </span> </main> <hr> <footer> <p class="footerDisclaimer">2019 Copyrights - <span>All Rights Reserved - </span>MasterclasOfIndigo.art</p> <p class="footerNote">Cookiefri hjemmeside | No Cookies</p> </footer> </body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now