Solved

HTML,CSS question

Posted on 2011-03-09
4
541 Views
Last Modified: 2012-05-11
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
Comment
Question by:lvollmer
  • 2
  • 2
4 Comments
 
LVL 16

Expert Comment

by:JF0
ID: 35086294
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
 

Author Comment

by:lvollmer
ID: 35086763
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
 
LVL 16

Accepted Solution

by:
JF0 earned 500 total points
ID: 35086792
in your css file just do this then:

.jspScrollable {
outline:none;
}
0
 

Author Closing Comment

by:lvollmer
ID: 35086922
jackpot thanks
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now