Foros del Web » Creando para Internet » CSS »

ayuda con este codigo

Estas en el tema de ayuda con este codigo en el foro de CSS en Foros del Web. ahhh no entiendo nada alguien podria revisr este codigo y decirm porque cuando paso el cursor sobre fff se activa el link de contacto porfavor? ...
  #1 (permalink)  
Antiguo 11/05/2007, 13:47
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Desacuerdo ayuda con este codigo

ahhh no entiendo nada alguien podria revisr este codigo y decirm porque cuando paso el cursor sobre fff se activa el link de contacto porfavor?
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenedor">

<div id="cabecera">

</div>
<div id="menu">
<h2>
<ul>
<li><a href="#1" title="Home" class="estilo2">Home</li> 
<li><a href="#2" title="Empresa" class="estilo2">Empresa</li>
<li><a href="#3" title="Preguntas" class="estilo2">Preguntas</li>
<li><a href="#4" title="Instrucciones" class="estilo2">Instrucciones</li>
<li><a href="#5" title="Tarjeta Recargable" class="estilo2">Tarjeta Recargable</li>
<li><a href="#6" title="Registro de Línea" class="estilo2">Registro de Línea</li>
<li><a href="#7" title="Puntos de Venta" class="estilo2">Puntos de Venta</li>
<li><a href="#8" title="Distribuidores" class="estilo2">Distribuidores</li>
<li><a href="#9" title="Contacto" class="estilo2">Contacto</li>
</ul>
</h2>
</div>

<div id="cabecera1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="333" height="186">
                  <param name="movie" value="imagenes/ventana.swf">
                  <param name="quality" value="high">
                  <embed src="imagenes/ventana.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="333" height="186"></embed>
    </object>
</div>

<div id="cabecera2">fff
</div>
</div>
</body>
</html>



Código:
/* CSS Document */

BODY {
	background : #993300 url(imagenes/fondo.jpg) repeat;
	margin : 0px 0px 20px 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-style: normal;
}	
	
	
a:link { color: #ffffff}
a:visited { color: #663333}
a:hover {  color: #957838}
a:active {  color: #663333}	
	
a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #ff0033}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}

	
	
	/* aca empieza lo de los h1*/  

h1 { color: #FFCC66; font-size: 14px}
h2 { font-size: 10px; font-weight: bold }
h3 {color: #663333;	font-size: 12px;font-weight: normal;}


 
#contenedor{
	text-align: left;
	width: 772px;
	height: 600px;
	margin: auto;
	background-image: url(imagenes/fondopagina.gif);
} 
#cabecera{ /* Aca va el logo y todo lo qeu va en la linea horizontal */
	width: 772px;
	height : 134px;
	background-image: url(imagenes/fondo.gif);
	background-repeat: no-repeat;
	float:left;
	
	}
#menu{ /* links*/
	width: 772px;
	height : 40px;
	margin: auto;
				}
#menu ul{
	list-style:none;
	left: 462px;
	text-align:center;
	margin: 0px;
	}
	
	#menu li{
	list-style:none;
	left: 462px;
	display: inline;
	}
	
#cabecera1{
	width: 333px;
	text-align: left;
	float:left;
	margin-top: 20px;   /*Margen de alto de el menu*/
	margin-left: 10px;
	}
#cabecera2{
	width: 400px;
	margin-top: 20px;
	float:right;
	text-align: left;
	margin-right: 10px;

}
  #2 (permalink)  
Antiguo 11/05/2007, 13:59
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayuda con este codigo

porque no cerraste ningun tag </a>

probá con este código:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
<style>
/* CSS Document */

BODY {
background : #993300 url(imagenes/fondo.jpg) repeat;
margin : 0px 0px 20px 0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-style: normal;
}


a:link { color: #ffffff}
a:visited { color: #663333}
a:hover { color: #957838}
a:active { color: #663333}

a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #ff0033}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}



/* aca empieza lo de los h1*/

h1 { color: #FFCC66; font-size: 14px}
h2 { font-size: 10px; font-weight: bold }
h3 {color: #663333; font-size: 12px;font-weight: normal;}



#contenedor{
text-align: left;
width: 772px;
height: 600px;
margin: auto;
background-image: url(imagenes/fondopagina.gif);
}
#cabecera{ /* Aca va el logo y todo lo qeu va en la linea horizontal */
width: 772px;
height : 134px;
background-image: url(imagenes/fondo.gif);
background-repeat: no-repeat;
float:left;

}
#menu{ /* links*/
width: 772px;
height : 40px;
margin: auto;
}
#menu ul{
list-style:none;
left: 462px;
text-align:center;
margin: 0px;
}

#menu li{
list-style:none;
left: 462px;
display: inline;
}

#cabecera1{
width: 333px;
text-align: left;
float:left;
margin-top: 20px; /*Margen de alto de el menu*/
margin-left: 10px;
}
#cabecera2{
width: 400px;
margin-top: 20px;
float:right;
text-align: left;
margin-right: 10px;

}
</style>
</head>

<body>
<div id="contenedor">

<div id="cabecera"></div>
<div id="menu">
<h2>
<ul>
<li><a href="#1" title="Home" class="estilo2">Home</a></li>
<li><a href="#2" title="Empresa" class="estilo2">Empresa</a></li>
<li><a href="#3" title="Preguntas" class="estilo2">Preguntas</a></li>
<li><a href="#4" title="Instrucciones" class="estilo2">Instrucciones</a></li>
<li><a href="#5" title="Tarjeta Recargable" class="estilo2">Tarjeta Recargable</a></li>
<li><a href="#6" title="Registro de Línea" class="estilo2">Registro de Línea</a></li>
<li><a href="#7" title="Puntos de Venta" class="estilo2">Puntos de Venta</a></li>
<li><a href="#8" title="Distribuidores" class="estilo2">Distribuidores</a></li>
<li><a href="#9" title="Contacto" class="estilo2">Contacto</a></li>
</ul>
</h2>
</div>

<div id="cabecera1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="333" height="186">
<param name="movie" value="imagenes/ventana.swf">
<param name="quality" value="high">
<embed src="imagenes/ventana.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="333" height="186"></embed>
</object>
</div>

<div id="cabecera2">fff</div>
</body>
</html>
  #3 (permalink)  
Antiguo 11/05/2007, 14:08
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ayuda con este codigo

Muchisimas gracias DragonX la verdad que me volvia loco no me di cuenta.... era solo cerrar el </a> o modificaste algo mas???
  #4 (permalink)  
Antiguo 11/05/2007, 14:11
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayuda con este codigo

solo cerrar </a> y quite un </div> que estaba de más!!!!
  #5 (permalink)  
Antiguo 11/05/2007, 14:30
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ayuda con este codigo

muchas gracias ! que div estaba de mas
  #6 (permalink)  
Antiguo 11/05/2007, 14:45
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayuda con este codigo

este:

</div>
</div>
</body>
</html>
  #7 (permalink)  
Antiguo 11/05/2007, 14:55
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ayuda con este codigo

si no me equivoco ese es el div que cierra el contenedor!!
  #8 (permalink)  
Antiguo 11/05/2007, 15:31
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Re: ayuda con este codigo

Hola, tenés por lo menos un error más como colocar una lista dentro de un encabezado. Eso no es correcto según la w3c.

Saludos
__________________
...___...
  #9 (permalink)  
Antiguo 11/05/2007, 15:41
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ayuda con este codigo

ahhh muchas gracias por el dato no lo sabia pero estoy aprehendiendo mucho gracias a ustedes quiero agradecerles!
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 01:36.