• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 564
  • Last Modified:

HTML,CSS question

http://tinyurl.com/4cvhwxk

I have this page. When you use the scroll bar to scroll down, some dotted lines appear around the div. See the screenshot.

Is there any way to remove these lines?
web.jpg
0
lvollmer
Asked:
lvollmer
  • 2
  • 2
1 Solution
 
JF0Commented:
change this line:
<div class="entrytext jspScrollable" style="overflow: hidden; padding: 0px; width: 530px;" tabindex="0">
to
<div class="entrytext jspScrollable" style="overflow: hidden; padding: 0px; width: 530px; outline:none;" tabindex="0">
0
 
lvollmerAuthor Commented:
the problem is that i cannot find that in my code: here is how it is laid out
<?php 
get_header();

 ?>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

 <link type="text/css" href="<?php echo bloginfo('template_url'); ?>/css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/js/jquery.jscrollpane.js"></script>
<script type="text/javascript"> 
$(function()
{
	$('.entrytext').jScrollPane({scrollbarWidth:3 ,scrollbarMargin:25});
});
</script>
		 <div class="scrolll Favorites">
		 	        	<div id="fav-title" style ="padding:bottom:20px"><img src = "http://s111576.gridserver.com/wp-content/uploads/2011/03/staceysfave_headline.jpg" /></div>
			<div class="entrytext">
				<?php
						query_posts(array( 'cat' => '6', 'order' => 'asc' ));
						if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
						<div class="fav-post">
							<div class="fav-image"><?php the_post_thumbnail(); ?></div>
							<div class="fav-content">
								<div class="fav-title"><?php the_title(); ?></div>
								<div class="fav-excerpt"><?php the_excerpt(); ?></div>
							</div>
							<div class="clearb"></div>
						</div> 
					<?php	endwhile; else:
						endif;
						wp_reset_query();

?>
			</div>
			
        </div>
        <!-- main image end -->
<?php get_footer(); ?>

Open in new window

0
 
JF0Commented:
in your css file just do this then:

.jspScrollable {
outline:none;
}
0
 
lvollmerAuthor Commented:
jackpot thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now