tengo una pagina de prueba con esto:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="links/scripts/jquery.js" type="text/javascript"></script>
<script src="links/scripts/jqFancyTransitions.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="imagen-principal"><img src="links/imagenes-entrada/imagen-entrada-1.jpg" width="574" height="365" />
<div id="imagen-principal"><img src="links/imagenes-entrada/imagen-entrada-2.jpg" width="574" height="365" />
</div>
<script>
$('#imagen-principal').jqFancyTransitions({ width: 574, height: 365 });
</script>
</body>
</html> y en el CSS tengo puesto esto:
Código:
#contenedor2 #imagen-principal {
float: left;
height: 384px;
padding-top: 17px;
padding-left: 17px;
}
y no entiendo dos cositas. Primero porque las imagenes no me aparecen con el espacio superior y el de la izquierda que tiene el CSS?
y por otro lado. No se si el jquery.js se esta ejecutando bien. Porque en el dreamweaver se me colocan las imagenes una debajo de la otra aunque luego se visualicen bien.
soy muy novato con esto del jquery y es la primera vez que lo aplico