I am currently making a website and i have put my logo in like this:
<style>
header .logo a{
background-image: url(Images/FRANKEN\ DEVELOPMENT\ FATTER\ AND\ OTHER\ COLOR2.png);
background-size: 250px;
display: inline-block;
height: 80px;
text-indent: -9999999px;
width: 300px;
background-repeat: no-repeat;
position: relative;
top: -21px;
left: 25px;
filter: contrast(2);
}
</style>
<body><header><nav>
<ul id="navbar">
<li class="logo"><a>Franken Development Logo</a></li>
<li><a class="categories" href="#">Home</a></li>
<li><a class="categories" href="#">Websites</a></li>
</ul>
<nav><header><body>
As you can see, my text is out of frame with text-indent: -9999999px;
but know when i make it a link (the logo) it will not work, because the text will become a link (wich is far away from vision) and not the image
How do i make it so my logo goes to index.html? And not the text, representing the logo
-Ian
Aucun commentaire:
Enregistrer un commentaire