Hallo,
ich habe folgendes Problem, wenn ich einen Link mit Border erstelle funktionert beim hover alles perfekt, bis darauf, dass wenn ich über den border fahre mein Linktext verschwindet.
Quellcode HTML
Code
<div class="submegamenuelinksortiment"><a href="#" class="megamenulink">Test
<img src="" /></a></div>Quellcode CSS
Code
.submegamenuelinksortiment{
color: #005bab;
font-family: arial;
font-size: 1.7em;
font-weight: bold;
border: 5px solid #ffffff;
}
.submegamenuelinksortiment img {
padding-top: 5%;
}
div.submegamenuelinksortiment:hover {
color: #ffffff;
border: 5px solid #005bab;
background-color:#005bab;
display:block;
}
a.megamenulink:link{
color: #005bab;
display: block;
font-weight: bold;
}
a.megamenulink:hover {
color: #ffffff;
display:block;
}
a.megamenulink:visited:hover {
color: #ffffff;
display:block;
}
a.megamenulink:visited{
color: #005bab;
font-weight: bold;
display: block;
font-size: 1.7em;
font-family: arial;
}
Hi,
habe es gefunden. Habe den border entfernt und dann
Code
padding: 5px 5px 5px 5px;im Element: a.megamenulink eingefügt.