Anders 0 Posted July 15, 2019 Report 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 Quote Link to post Share on other sites
justsomeguy 1,135 Posted July 16, 2019 Report 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. Quote Link to post Share on other sites
Anders 0 Posted July 17, 2019 Author Report 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 Quote Link to post Share on other sites
Jay Ellsworth 0 Posted July 17, 2019 Report 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? Quote Link to post Share on other sites
dsonesuk 929 Posted July 17, 2019 Report 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 Quote Link to post Share on other sites
ishan_shah 2 Posted August 2, 2019 Report 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> Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.