Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/07/2011, 17:31
alexmabo
 
Fecha de Ingreso: julio-2011
Ubicación: Salamanca
Mensajes: 9
Antigüedad: 12 años, 9 meses
Puntos: 0
Quitar los puntos negros de una lista de imágenes

Hola. Un saludo a todos los miembros y visitantes del foro:

He copiado un menú que había por ahí para hacer un pase de fotos (una lista de cuatro o cinco fotos nada más) y todo sale bien, excepto que me salen al final de las fotos unos puntos negros que no soy capaz de quitar.
Agradecería mucho vuestra ayuda, porque he probado a cambiar mil veces todo y ya no sé qué hacer.

Por cierto, con Internet Explorer no me ocurre eso, sólo ocurre con Mozilla Firefox y con Google Chrome.

He leído por ahí que hay que añadir algo parecido a esto: ul{list-style:none;}
Pero no sé dónde hay que añadirlo exactamente ni si funcionará así.


Éste es el código que tengo:
--------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0074)http://www.digitalicon.es/ejemplos/carrusel-efecto-fundido/carrusel-01.htm -->
<HTML lang=es xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>

<TITLE>pase-con-tabla</TITLE>

<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<br>
<br>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="740 HEIGHT="360" >
<tr>
<td WIDTH="30" HEIGHT="360"></td>
<td WIDTH="710" HEIGHT="360">
<STYLE type=text/css> *
{BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px;}

#diapos-on {POSITION: relative; WIDTH: 700px; HEIGHT: 350px; box-shadow: 0px 2px 30px #000}
#diapos-on LI {POSITION: absolute; LIST-STYLE-TYPE: none; WIDTH: 700px; HEIGHT: 350px; TOP: 0px; LIST-STYLE-IMAGE: none; LEFT: 0px}

#contador {MARGIN: 1em auto 0px; WIDTH: 700px}

#contador LI {LIST-STYLE-TYPE: none; WIDTH: 10px; FLOAT: left; HEIGHT: 10px; LIST-STYLE-IMAGE: none; MARGIN-RIGHT: 5px; -moz-box-shadow: 0 1px 4px #000; -webkit-box-shadow: 0 1px 4px #000; box-shadow: 0 1px 4px #000}

#contador LI A {TEXT-INDENT: -999em; WIDTH: 10px; DISPLAY: block; BACKGROUND: #f9d8e3; HEIGHT: 10px; OVERFLOW: hidden}

#contador LI A:focus {OUTLINE-STYLE: solid; OUTLINE-COLOR: #f9d8e3; OUTLINE-WIDTH: 1px}

#contador LI.actual A {BACKGROUND: #e6658e}
</STYLE>

<SCRIPT type=text/javascript
src="DP.js"></SCRIPT>

<SCRIPT type=text/javascript>
window.onload = DP.inicio;
</SCRIPT>

<META name=GENERATOR content="MSHTML 8.00.6001.18928">
</HEAD>

<UL id=diapos>
<LI><IMG src="01.jpg" width=700 height=350></LI>
<LI><IMG src="02.jpg" width=700 height=350></LI>
<LI><IMG src="03.jpg" width=700 height=350></LI>
<LI><IMG src="04.jpg" width=700 height=350></LI>
<LI><IMG src="05.jpg" width=700 height=350></LI>
</UL>
</td>
</tr>
</table>
</BODY>
</HTML>

------------------------------------------------------------------------------------