Po najechaniu kursorem na obrazek, pojawia sie info ścieżki do podstrony

Question

Witam.

Chciałbym, aby po najechaniu kursorem na dany obrazek, nie pojawiało sie już info ścieżki do podstrony. To info pojawia sie na dole po lewej stronie ekranu. Gdy wrzucam kod na jsfiddle, to po uruchomieniu kodu źle to wszystko jest tam wyświetlane.

<div class="box1">
	<div class="inner1">
		<nav class="left-nav">
			<ul>
				<li>
					<a href="sport.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Sport</span>
					</a>
				</li>
				<li>
					<a href="muzyka.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Muzyka</span>
					</a>
				</li>
				<li>
					<a href="filmy.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Filmy</span>
					</a>
				</li>
				<li>
					<a href="moda.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Moda</span>
					</a>
				</li>
				<li>
					<a href="aktualnosci.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Aktualności</span>
					</a>
				</li>
				<li>
					<a href="polityka.html">
						<img src="http://www.kurshtml.edu.pl/pliki/obrazek.jpg" />
						<span>Polityka</span>
					</a>
				</li>
			</ul>
		</nav>
	</div>
</div>

.box1
{
	background-color: #000000;
	width: 100%;
}

.box1 .inner1
{
	padding: 0px 34px 320px;
}

.panel-1 .left-nav
{
	width: 175px;
	position: absolute;
	top: 48px;
	font-size: 14px;
	line-height: 200%;
}

.panel-1 .left-nav ul
{
	padding: 0px 14px 0px;
	list-style-type: none;
}

.panel-1 .left-nav ul li
{
	text-align: justify;
	height: 30px;
	border-bottom: 1px dashed #DDDDDD;
}

.panel-1 .left-nav ul li a
{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #DDDDDD;
	outline: none;
}

.panel-1 .left-nav ul li a span:hover
{
	color: #76DAFF;
	cursor: pointer;
}

.panel-1 .left-nav ul li:nth-child(3) a span:hover
{
	color: #CF2929;
	cursor: pointer;
}

.panel-1 .left-nav ul li img
{
	width: 29px;
	height: 22px;
	float: left;
	margin-right: 10px;
	padding: 4px 0px 0px;
	cursor: default;
}

Czy wiecie jak zrobić, aby po najechaniu kursorem na dany obrazek, nie pojawiało sie już info ścieżki do podstrony?

Czy potrafilibyście wprowadzić drobne poprawki, aby nic sie nie posypało na tym wyświetlanym fragmencie strony?

Będę wdzięczny za fachową pomoc.

Answer 1

Odpisuję skoro poprosiłeś o udzielenie odpowiedzi na PW - ale nie rozumiem za bardzo o co Ci dokładnie chodzi? Ja nie widzę żadnych rzeczy w kodzie, które miały by powodować jakieś dodatkowe info o linkach po za tymi robionymi natywnie przez przeglądarkę np. Chrome.

Comments

Po najechaniu kursorem na dany obrazek, na dole po lewej stronie ekranu pojawia sie info ścieżki do podstrony, np. file:///D:/Webmasterka/strona_testowa/sport.html

Ten kursor jest domyślny (cursor: default) i taki ma zostać jego wygląd.

Musiałem dopisać w CSS:

.panel-1 .left-nav ul li img
{
	cursor: default;
}

...aby po najechaniu kursorem na dany obrazek, pojawił sie kursor domyślny (cursor: default). Inaczej pojawiał sie kursor wskaźnikowy (cursor: pointer) - musiałem sie go pozbyć, bo mi nie odpowiadał. Ten kursor pointer jest uruchamiany zazwyczaj przy zmianie koloru tekstu (hover).

Byłoby super, gdyby dało sie lekko poprawić zapis w CSS tak, aby nie trzeba było dopisywać cursor: default. W ten sposób wymusiłem pozbycie sie tego kursora wskaźnikowego.

Uruchamiam podgląd strony przy pomocy Firefoxa.

Czy wiesz jak zrobić, aby po najechaniu kursorem na dany obrazek, nie pojawiało sie już to info ścieżki do podstrony?

---

obrazek masz wewnątrz linka więc powinieneś zostawić kursor jak dla linka, nie widzę za bardzo uzasadnienia dla zmiany takiego domyślnego, znanego userom zachowania. Jakiś czas temu nawet na jednej z prezentacji UXów widziałem dyskusję o tym temacie i wielu UX jest tu zgodnych, że nie powinno się w apkach istotnie zmieniać przyzwyczajeń i standardów bo użytkownicy się gubią.

Jeśli musisz to zmieniać to wg mnie prawdopodobnie coś jest nie tak z założeniami UXowymi.

---

Pozbędę sie tych obrazków. Nie podoba mi sie to zbytnio wizualnie. Zamiast obrazków wymyślę coś innego...