Dakle imam sledeci CSS:
a {
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted;
margin: 0;
}
a:hover {
text-decoration: none;
border-spacing: 1px;
border-bottom-style: solid;
margin: 0;
}
I to lepo radi sa tekstualnim linkovima. Isprekidano su "podvuceni" a kada se stavi mis na njih, onda su punom linijom "podvuceni". Trazio sam po netu (advanced css selectors i sl) ali ocigledno nisam pronasao nista sto bi pomoglo. Naravno sem da podesim class za img linkove "rucno". Dakle nesto kao:
-- CSS --
.img-link {
border: none;
}
.img-link:hover {
border: none;
}
-- HTML --
<a href="#" class="img-link"><img ... /></a>
Nisam uspeo da pronadjem kako da selektujem parent ako mu je prvi child xyz (odnosno da selektujem a ukoliko mu je prvi child img). Najblize tome je a > img - ali to selektuje taj img unutar a ...