hyperlink - hovering over one link makes tiny dash appear to right of it -
in case, hovering on left link makes tiny dash appear right (between 2 links). how can rid of this? see in safari , chrome both, don't see in style sheet make this.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>walls</title> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel="stylesheet" href="custo.css"> <script src="prettyphoto_compressed_3/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="prettyphoto_compressed_3/css/prettyphoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="prettyphoto_compressed_3/js/jquery.prettyphoto.js" type="text/javascript" charset="utf-8"></script> </head> </head> <body> <br> <a href="gallery.html"> <img src="test.jpg" class="testclass" alt="test" width="170" /> </a> <a href="info.html"> <img src="test.jpg" class="testclass" alt="test" width="55" /> </a> <div class="container-fluid"> <br> </div><!-- .container --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript" charset="utf-8"> <!--initialize prettyphoto--> $(document).ready(function(){ $("a[rel^='prettyphoto']").prettyphoto(); }); </script> </body> </html>
if you're seeing same thing i'm seeing (i don't have style sheets), you're seeing underline of a tag image.
you can remove using text-decoration: none on image links;
<a href="gallery.html" style="text-decoration: none !important;"> the !important @ end of style helps override selectors in css may have have !important emphasis.
of course in practice better done using class set on image links.
Comments
Post a Comment