Foros del Web » Creando para Internet » HTML »

Quitar puntos en foto 3D con LINK interior

Estas en el tema de Quitar puntos en foto 3D con LINK interior en el foro de HTML en Foros del Web. Hola, Soy Sergio y tengo una duda HTML, sobre cómo quitar los puntitos que quedan a una foto cuando pulsas una que tiene en su ...
  #1 (permalink)  
Antiguo 27/09/2010, 17:20
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Quitar puntos en foto 3D con LINK interior

Hola,
Soy Sergio y tengo una duda HTML,

sobre cómo quitar los puntitos que quedan a una foto cuando pulsas una que tiene en su interior un link ???

ya he conseguido quitar el borde con border="0" pero no consigo quitar los puntitos que quedan cuando ya se ha pulsado sobre ella
lo he intentado varios códigos y no hay manera

La página es esta (copia y pega en tu explorador): http://www.tunegocioen3d.comule.com/index.php?p=1_19

veréis que al pulsar sobre la rueda del Ferrari (que ya no tiene ningún borde) os envia a un coche, si pulsas sobre el coche volverás a la rueda del Ferrari, ya que el Mercedes tiene como link el código: javascript:history.go(-1)
Pues al volver a la rueda tenemos los puntitos del recuadro por haberlo marcado

Qué debo hacer para quitar estos puntitos?


Os pongo el código que tengo ahora en la web de la rueda:

<p style="text-align: center;"><span style="color: #ffcc00;">Pulsa sobre la fotograf&iacute;a para regresar donde estabas</span><br /><span style="font-size: xx-small;"><font color="#ffff99">Fotograf&iacute;a 3D</font><font color="#ccffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </font></span><br /><a href="javascript:history.go(-1)"><img src="http://farm4.static.flickr.com/3363/3591237925_ac00aca70f_z.jpg" border="0" alt="" width="930" height="875" /></a></p>

Esta página es para hacer la prueba, por lo que una vez esté conseguido desaparecerá y se podrá ver correctamente en (copia y pega en tu explorador): http://www.piensaen3d.com entrando en la sección de tunegocioen3d

UN SALUDO Y
MUCHAS GRACIAS ANTICIPADAS

Última edición por supersergios; 28/09/2010 a las 02:19 Razón: mejora
  #2 (permalink)  
Antiguo 28/09/2010, 14:59
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Quitar puntos en foto 3D con LINK interior

Ahora hay un problema con el servidor en la dirección de www.piensaen3d.com
por lo que para entrar habrá que hacerlo en (copia y pega en tu navegador): www.tunegocioen3d.com (espero esté solucionado en breve, entrando por esta dirección se va al mismo sitio)

Disculpar las molestias

Y, sobre el tema, con más de 60 vistas, nadie ha sabido contestarme? que me trae loco!!!
gracias
  #3 (permalink)  
Antiguo 28/09/2010, 17:30
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 2 meses
Puntos: 181
Respuesta: Quitar puntos en foto 3D con LINK interior

Mira este post

http://www.forosdelweb.com/f53/no-se...6/#post3576323



saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #4 (permalink)  
Antiguo 29/09/2010, 04:48
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Quitar puntos en foto 3D con LINK interior

Hola PitufoWeb, gracias por tu ayuda
pero no entiendo donde hay que ponerlo,

a:focus {
outline: none;
}

lo he probado todo, de poner solo outline: none;

si pongo la palabra focus me desaparece el link, si pongo outline: none: no hace nada
incluso según como lo ponga después de guardar y cargar la página desaparece solo, supongo que el problema es que no sé donde ni como debo ponerlo,
también he probado outline="0" y otras varias que he leido. sin resultaados.

te importaría copiar y pegarme todo lo que yo he puesto y añadirme este código donde deba ir para que funcione?

Un saludo y gracias
  #5 (permalink)  
Antiguo 29/09/2010, 05:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Quitar puntos en foto 3D con LINK interior

Hola:

Cita:
Iniciado por supersergios Ver Mensaje
... pero no entiendo donde hay que ponerlo ...
¿Que te parece en tu hoja de estilos?

Aparte te recomiendo un poco de lectura:

Introducción a XHTML.
Introducción a CSS

Te evitarás este tipo de dudas.

Saludos.

  #6 (permalink)  
Antiguo 29/09/2010, 18:10
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Quitar puntos en foto 3D con LINK interior

Jey

cuando dices "hoja de estilos" deduzco que debe ser donde pones el diseño, ya que yo he alborotado el estilo que venía y lo he modificado como he querido (o como he podido) pero el resultado después de mucho tocar lo considero muy bueno.

bueno, en diseño tengo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta http-equiv="content-type" content="{%MetaCharset%}" />
<meta name="description" content="{%MetaDescription%}" />
<meta name="keywords" content="{%MetaKeywords%}" />
<title>{%MetaTitle%}</title>
<style>

/* STANDARD TAG REDEFINITIONS */
BODY{ color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: Black; margin: 0; padding: 0; }
TD {font-size: 10pt; }
p { font-size: 10pt; margin-bottom: 7px; margin-top: 0; }
a{ color: #76DEFC; text-decoration: none; }
a:hover{ text-decoration: underline; color: White; }
form{ margin:0;}

#HEADER{ width:760px; margin-left:auto; margin-right:auto;}
#HEADER ul{ margin: 0; padding-left: 0; height: 44px; line-height: 44px; display: block; list-style: none; background-color: #4D4D4D; background-image: url(images/bg_topnav.gif); background-repeat: no-repeat; }
#HEADER li{ display: inline; background-color: #222222; float: right; }
#HEADER li a{ height: 44px; line-height: 44px; display: block; padding-left: 27px; padding-right: 27px; border-left: 1px solid Black; float: left; }
#HEADER li a:hover{ background-color: #444444; text-decoration: none;}
#HEADER .Visual{ height:130px; background-image: url(images/bg_visual.jpg); background-repeat: no-repeat; background-color: #4492C8; border-top: 3px solid Black; }
h1{ margin: 0; padding: 40px 0 0 0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 20pt; }

#CONTENT{ width:760px; margin-left:auto; margin-right:auto; }
h2{ margin: 0; padding: 24px 0 7px 40px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 15pt; }
#TEXT{ padding: 35px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222; }
#TEXT p{ margin-bottom: 1em;}

#FOOTER{ width:760px; margin-top:27px; margin-left:auto; margin-right:auto; border-top: 4px solid #363636; text-align: right; padding-top: 5px; }
#FOOTER p{ font-size: 11px; line-height: 14px; margin: 0; color: #DDDDDD; }
#FOOTER a{ font-size: 11px; font-weight: normal; text-decoration: none; color: White; }
#FOOTER a:hover{ color: white; text-decoration: underline; }



</style>
</head>
<body>
<div style="text-align: center;"><br /><img src="http://farm5.static.flickr.com/4134/4955282723_7f187f90e2_b.jpg" alt="" width="982" height="163" /><br /><br /><br /></div>
<div style="text-align: center;">
<div id="HEADER">
<ul>
{%menu_start=1%}
<li><a href="{%menu_href%}">
<p style="text-align: center;"><span style="color: #ccffff;"><font size="1">&nbsp;<font size="2">&nbsp;</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2">&nbsp;</font>&nbsp;&nbsp;&nbsp; </font>{%menu_display%}</span></p>
</a></li>
{%menu_end=1%}
</ul>
</div>
<p style="text-align: center;"><br /><br /><br />{%content%}<br /><br /><br /><span style="font-size: xx-small;"><font color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ; </font><font color="#c0c0c0"><strong><br /></strong></font></span><strong><span style="color: #333333;">________________________________________ __________________________________________________ __________________________________________________ _<br /></span></strong><br /><span style="color: #ffff99;">P&aacute;gina creada&nbsp;para ser vista con&nbsp;</span><a href="http://www.flickr.com/photos/piensaen3d/4958622692/" target="_blank"><span style="color: #ffcc00;">GAFAS 3D</span></a><span style="color: #ffff99;"> anagl&iacute;ficas (rojo en ojo izquierdo - cyan en&nbsp;ojo derecho)</span>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;<span style="color: #ffff99;">A mayor separaci&oacute;n de la pantalla mejor efecto tridimensional</span></p>
<p style="TEXT-ALIGN: center"><span style="color: #333333;"><font size="1"><img src="http://www.iturri.cl/banderas/Bandera%20Catalunya.png" alt="" width="13" height="8" /><font color="#000000">&nbsp; </font><strong><font color="#c0c0c0">S'est&agrave; treballant per poder oferir aquesta web&nbsp;en catal&agrave;</font>&nbsp;&nbsp; Powered by: </strong></font></span><a href="http://www.hosting24.com/"><span style="color: #333333; font-size: xx-small;">Best Web Hosting</span></a><span style="color: #333333; font-size: xx-small;"> and </span><a href="http://www.000webhost.com/affiliate-program"><span style="color: #333333; font-size: xx-small;">Affiliate Programs Directory</span></a><span style="color: #333333; font-size: xx-small;">. Created with </span><a href="http://www.000webhost.com/website-builder"><span style="color: #333333; font-size: xx-small;">Free Website Builder</span></a>&nbsp; <span style="color: #333333;">{%WebsiteFooter%}</span></p>
</div>
</body>
</html>

Pero creo que para que funcione lo que quiero, lo de quitar los puntitos,
se debe hacer en la página, pero no sé dónde se pone ni que hay que poner.
ya que he leido mucho y he probado un montón de palabrejas y signos
sin resultado
(excepto lo de quitar el borde azul border="0" eso si salió a la primera)

a ver si con todo esto lo sacamos
graaacias
  #7 (permalink)  
Antiguo 29/09/2010, 18:36
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 2 meses
Puntos: 181
Respuesta: Quitar puntos en foto 3D con LINK interior

pon el código debajo de /* STANDARD TAG REDEFINITIONS */






saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #8 (permalink)  
Antiguo 30/09/2010, 13:19
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Quitar puntos en foto 3D con LINK interior

Ya funciona!!!

ya podía yo probar ponerlo en la página de la llanta, ni que le diera la vuelta!

Muchas gracias PitufoWeb

y a JomaRuro, que se le ha ocurrido qué tenía en la hoja de estilos



así da gusto!!!

GRAAAAACIAS
  #9 (permalink)  
Antiguo 30/09/2010, 13:21
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Quitar puntos en foto 3D con LINK interior

Si queréis ya podéis cerrar este post
y si lo dejáis que se pueda leer, puede que a alguien le vaya bien la explicación

MANO DE SANTO

un saludo, y nos vemos en www.piensaen3d.com
  #10 (permalink)  
Antiguo 30/09/2010, 13:22
 
Fecha de Ingreso: septiembre-2010
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
De acuerdo Respuesta: Quitar puntos en foto 3D con LINK interior

Cita:
Iniciado por supersergios Ver Mensaje
Ahora hay un problema con el servidor en la dirección de www.piensaen3d.com (espero esté solucionado en breve)
Disculpar las molestias
Ya funciona


Etiquetas: foto, interior, link, puntos, quitar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:14.