Sublinhado na tela?

Front-end HTML
#1

Pessoal,

Não sei pq, mas tenho um projeto em java (jsp) e na tela algumas imagens estão com um sublinhado verde… não sei como tirar isso.

#2

Mostre um print desse sublinhado (com o inspector do navegador no sublinhado verde) e o código onde esse sublinhado acontece

#3

Repare nas setas e nas “bolinhas em baixo”:

qzm737.jpg1366×768

Parte do código:

`


<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>

<div id="thumb-tray" class="load-item">
	<div id="thumb-back"></div>
	<div id="thumb-forward"></div>
</div>

<!--Time Bar-->
<div id="progress-back" class="load-item">
	<div id="progress-bar"></div>
</div>

<!--Control Bar-->
<div id="controls-wrapper" class="load-item">
	<div id="controls">
		
		<a id="play-button"><img id="pauseplay" src="home/img/pause.png"/></a>
	
		<!--Slide counter-->
		<div id="slidecounter">
			<span class="slidenumber"></span> / <span class="totalslides"></span>
		</div>
		
		<!--Slide captions displayed here-->
		<div id="slidecaption"></div>
		
		<!--Thumb Tray button-->
		<a id="tray-button"><img id="tray-arrow" src="home/img/button-tray-up.png"/></a>
		
		<!--Navigation-->
		<ul id="slide-list"></ul>`
#4

Das setas eu consegui tirar… troquei o “<a” por “<div” e funcionou…

Mas a parte das bolinhas embaixo não consegui… é o

    que está no css:

    ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; } ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; } ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; } ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

#5

Resolvi…

coloquei:

text-decoration: none; outline: none; border: 0px none transparent;

Ficando:

ul#slide-list{text-decoration: none; outline: none; border: 0px none transparent; padding:15px 0; float:left; position:absolute; left:50%; } ul#slide-list li{text-decoration: none; outline: none; border: 0px none transparent; list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{text-decoration: none; outline: none; border: 0px none transparent; background-position:0 0px; } ul#slide-list li a{text-decoration: none; outline: none; border: 0px none transparent; display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; } ul#slide-list li a:hover{text-decoration: none; outline: none; border: 0px none transparent; background-position:0 -12px; cursor:pointer; }