Links not displaying the color I want

Anders · 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

justsomeguy · 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.

Anders · 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

Jay Ellsworth · July 17, 2019

In your CSS, is the same style that's being applied to kulturnat-box also being applied to rosenfeldt-box?

dsonesuk · 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

ishan_shah · 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">

<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>

Sign In

Links not displaying the color I want

Recommended Posts

Anders

Link to comment

Share on other sites

justsomeguy

Link to comment

Share on other sites

Anders

Link to comment

Share on other sites

Jay Ellsworth

Link to comment

Share on other sites

dsonesuk

Link to comment

Share on other sites

ishan_shah

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity