Hi ive got navigation links at the top of my website which work well, but when i click on ma link it changes color and also it raises above the rest of the links if you know what i mean.
ive been searching for a fix all day but no luck can someone help ill paste my html then my css thanks.
@charset "utf-8";
body
.email {
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: center;
}
.navbar-back {
background: #75DFFA;
}
.recipe {
font: bold;
}
.meal {
margin-top: 0px;
margin-right: 29px;
margin-left: 30px;
margin-bottom: 4px;
font-weight: bold;
}
.recbtn {
background:#C4ECFC;
font-weight: bold
}
.site {
background-image: url("../images/background image.jpg");
width:100%;
height: auto;
position: relative;
left: 0;
top: 0;
min-height: 100%;
}
.logos {
padding-right: 2.7%;
font-size: 3rem;
}
.logo {
left: 1.3%;
text-align: left;
font-weight: lighter;
font-size: 28px;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
font-style: italic;
color: #2E2EA7;
padding-top: 10px;
padding-left: 40px
}
.ul{
margin: 0;
padding: 0;
position: absolute;
top: 50%;
left:50%;
transform:translate(-50%,-50%);
display: flex;
}
.social{
margin: 0;
padding: 0;
position: absolute;
top: 50%;
left:50%;
transform:translate(-50%,-50%);
display: flex;
}
.social li{
position: relative;
list-style: none;
text-align: center;
width: 80px;
cursor: pointer;
}
.social li .text{
position: absolute;
width: 0;
left:50%;
margin-top: 10px;
margin-left: 0;
transition: 1s;
overflow: hidden;
white-space: nowrap;
font-size: 20px;
color: #FFFFFF;
}
.social li .fa{
font-size: 2em;
}
.social li:hover .text{
width: 120px;
margin-left: -60px;
}
.socialmed {
background: #75DFFA;
}
body {
min-height: 100vh;
position: relative;
margin: 0;
}
.soc {
text-align: center;
}
.top {
background: #75DFFA;
}
.description {
background: #140BE8;
text-align: center;
color: #FFFFFF;
}
.burns {
text-align: center;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
text-decoration: underline;
color: #FDFDFD;
}
.easter {
text-align: center;
}
.halloween {
text-align: center;
}
.valentines {
text-align: center;
}
.andrews {
text-align: center;
}
.xmas {
text-align: center;
}
.hogmanay {
text-align: center;
}
.eastertext {
}
.event {
padding-top: 10px
}
.hog {
padding-bottom: 10px;
}
.eventback {
column-width: auto;
font-size: 1rem;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-weight: bolder;
background-position: center center;
color: #000000;
font-style: italic;
}
.main {
padding-top: 20px;
padding-bottom: 20px;
}
.mainpage {
text-align: justify;
font-style: italic;
font-weight: bolder;
}
.rabbie {
text-align: center;
padding-top: 10px;
}
.TARTAN {
background-image:url("../images/events/images.jpg");
padding-top: 10px;
text-decoration-color: #FBF8F8;
}
.burnsnight {
background: #75DFFA;
}
.supper {
color: #FFFFFF;
text-align: center;
font-style: italic;
}
a:hover {
color:aqua;
text-decoration: underline;
}
.valday {
background: #FF70C0;
padding-top: 10px;
}
.EASTERSUN {
background: #EFFD89
}
.SUNDAY {
color: #F804D8;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.easterevent {
padding-top: 10px;
text-align: center;
}
.halo {
background:#270102;
padding-top: 10px;
}
.halow {
text-align: center
}
.hogm {
background:url("../images/events/ed.jpg");
padding-top: 10px;
}
.XMASDAY {
background-color: rgba(247,3,7,1.00);
padding-top: 10px;
}
.STANDREWS {
background-color: rgba(63,41,251,0.82);
padding-top: 10px;
}
.RECIPES {
padding-top: 10PX;
background:rgba(251,13,17,1.00)
}
.ingredient {
text-align: center;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
text-decoration: underline;
}
.weight {
list-style-type: none;
}
.slider {
color: #FFFFFF;
font-size: 2.25rem;
font-weight: bolder;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
text-decoration: underline;
text-transform: capitalize;
font-style: oblique;
}
.carousel-caption{
background-color:rgba(0,0,0,0.2);
}.slider2 {
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
color: rgba(255,255,255,0.88);
font-size: 1.5rem;
font-weight: bolder;
text-transform: capitalize;
font-style: oblique;
}
.hoverlink a:hover
{
color:rgba(14,3,253,1.00)
}
.nav-link a:active{
color: rgba(243,6,10,1.00)
}
1 Correct answer
4
Replies
AdChoices