Witam otóż mam mały problem z moją stroną internetową. Problem polega na tym, że najeżdżając na stopkę (i miejsca, które zaznaczyłam na czerwono) wyświetla mi się łapka, która przekierowuje mnie do pliku z kontaktem. Co może być tego przyczyną? Dołączam zdjęcie (http://iv.pl/images/68207687328616053212.jpg) i kod HTML oraz CSS.
<!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8" /> <meta name="description" content="Opis strony" /> <meta name="keywords" content="słowa, kluczowe" /> <meta http-equiv="X-UA-Compatible content="IE=edge,chrome=1" /> <title>Moje portfolio</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="css/fontello.css" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Kalam&subset=latin,latin-ext' rel='stylesheet' type='text/css'> </head> <body> <div id="kontener"> <div id="tlo"><img src="klawiatura.png"></div> <div id="ja"><img src="ja.png"></div> <div style="clear:both;"></div> <div id="galeria">GALERIA</div> <div id="omnie">O mnie:<br /><br /><p>Nazywam się Agnieszka, mam 25 lat. Z zawodu jestem ekonomistą. Z zamiłowania informatykiem, kucharzem i fanem ciężarówek. W wolnych chwilach piszę strony HTML dla znajomych lub gram w Euro Truck Simulator 2. Gdy mam dobry dzień lubię też posiedzieć w kuchni i coś ugotować dla rodziny i znajomych. Uwielbiam aktywnie spędzać czas (rower, rolki, fiszka, hulajnoga, spacery), jak i wieczorne oglądanie filmów.<br /><br />Chciałbyś, żebym napisała Ci strone? Skontaktuj się ze mną.</p></div> <div style="clear:both"></div> <div id="motto"></div> <div id="kontakt">Kontakt ze mną:<br /> <div class="kontakty"><a href="https://www.facebook.com/" target="_blank" class="link"><i class="icon-facebook"></i></div> <div class="kontakty"><a href="https://www.skype.com" target="_blank" class="link"><i class="icon-skype"></i></div> <div class="kontakty"><a href="https://www.gmail.com" target="_blank" class="link"><i class="icon-mail"></i></div> <div class="kontakty"><a href="https://www.gg.pl" target="_blank" class="link"><i class="icon-sun"></i></div> <div class="kontakty"><a href="kontakt.txt" target="_blank" class="link"><i class="icon-call"></i></div> </div> <div style="clear:both"></div> <div class="stopka">Made by SzklanyCzlowiek<br>2016 © Wszelkie prawa zastrzeżone.</div> </div> </body> </html>
body{
background:url('tlo1.png');
font-family: 'Kalam', cursive;
}
p{
text-align:justify;
}
#ja{
float:right;
margin-bottom:10px;
}
#tlo{
float:left;
margin-top:13px;
margin-bottom:10px;
margin-right:auto;
margin-left:220px;
width:480px;
height:80px;
}
#kontener{
width:900px;
height:800px;
margin:auto;
}
#galeria{
background:url('tlo4.png');
width:285px;
height:385px;
float:left;
margin-bottom:5px;
margin-right:5px;
text-align:center;
padding:5px;
}
#omnie{
background:url('tlo2.png');
width:585px;
height:385px;
float:right;
margin-bottom:5px;
margin-left:5px;
text-align:left;
padding:5px;
}
#motto{
background:url('tlo2.png');
width:295px;
height:225px;
float:left;
margin-top:5px;
margin-right:5px;
text-align:center;
}
#kontakt{
background:url('tlo4.png');
width:585px;
height:215px;
float:right;
margin-top:5px;
margin-left:5px;
text-align:left;
padding:5px;
}
.stopka{
width:auto;
height:30px;
text-align:center;
margin:15px;
font-size:12px;
color:white;
}
.kontakty{
width:97px;
height:150px;
margin-top:10px;
margin-bottom:25px;
margin-left:10px;
margin-right:10px;
float:left;
background:url('tlo3.png');
text-align:center;
}
.kontakty:hover{
background:url('tlo3_1.png');
}
a.link{
color:gray;
text-decoration:none;
}Pozdrawiam