Jump to content

Links not displaying the color I want


Anders
 Share

Recommended Posts

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

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

  • 3 weeks later...

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>

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...