Jump to content
Anders

Links not displaying the color I want

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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>&nbsp;<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>&nbsp; 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>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...