CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 18:31:07

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

problème avec jQuery jqGalScroll

Poser une question dans le forum ou lancer une discussion

problème avec jQuery jqGalScroll

vendredi 18 juin 2010 à 16:22:32 | problème avec jQuery jqGalScroll

guignia65

1 msg

Bonjour,
je suis juste amateur et j'essaie de faire un site avec dans ma page "jQuery jqGalScroll".
J'ai essayé de modifier un code récupéré sur le net mais comme je suis une bleue j'ai surement fait
des erreurs !
J'essaie désespèrement de rajouter une div footer sous ma galerie d'images mais impossible ma div
n'apparait pas.

je mets ci-dessous mon code, ayez pitié pour toutes les erreurs.....

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="style_test.css"/>
<script type="text/javascript" src="jquery-1.2.1.min.js" ></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqGalScroll.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#one').jqGalScroll();
});
</script>
</head>

<body>
<div id="conteneur">
<div class="motclef">logo -  affiche -  dépliant -  packaging -  identité visuelle -  infographiste -  charte graphique -  PAO - DAO s multimédia -  typographie - marketing - communication visuelle
</div>

<div class="navleft">
<h3>présentation</h3>
<h3 class="petit">supports</h3>

<ul id="menuA" class="navigation">
<li class="toggleSubMenu">
<a class="m2" href="#">    Logo</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="test2.html">Terres Romanes</a></li>
<li class="inline1"><a href="#">Millas</a></li>
<li class="inline1"><a href="#">Botanica</a></li>
<li class="inline1"><a href="#">Vallespir</a></li>
<li class="inline1"><a href="#">Mozart</a></li>
<li class="inline1"><a href="#">Cosmos</a></li>
<li class="inline1"><a href="#">Ribiero</a></li>
<li class="inline1"><a href="#">Vignerons en terre romane</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Affiche</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Terres Romanes</a></li>
<li class="inline1"><a href="#">Chambre d'Agriculture</a></li>
<li class="inline1"><a href="#">Vent d'échanges</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Flyers</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Herberie</a></li>
<li class="inline1"><a href="#">Chambre d'Agriculture</a></li>
<li class="inline1"><a href="#">Saveurs Paysannes </a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Packaging</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Vallespir</a></li>
<li class="inline1"><a href="#">Botanica</a></li>
<li class="inline1"><a href="#">Mozart</a></li>
<li class="inline1"><a href="#">M.P.V.P.</a></li>
<li class="inline1"><a href="#">Magali</a></li>
<li class="inline1"><a href="#">Vignerons Tarerach</a></li>
<li class="inline1"><a href="#">Vignerons Vinça</a></li>
<li class="inline1"><a href="#">Cave Beille</a></li>
<li class="inline1"><a href="#">Vents d'échanges</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Dépliants</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Chambre d'Agriculture</a></li>
<li class="inline1"><a href="#">Botanica</a></li>
<li class="inline1"><a href="#">Vents d'échanges</a></li>
<li class="inline1"><a href="#">Canigou Grand Site </a></li>
<li class="inline1"><a href="#">Cosmos </a></li>
<li class="inline1"><a href="#">Campagne primeur </a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Charte graphique</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Terres Romanes</a></li>
<li class="inline1"><a href="#">Ribiero</a></li>
<li class="inline1"><a href="#">Cosmos</a></li>
<li class="inline1"><a href="#">Ribiero</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Webdesign</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Mozart</a></li>
<li class="inline1"><a href="#">M.P.V.P.</a></li>
<li class="inline1"><a href="#">Magali</a></li>
</ul>
</ul>

<h3 class="petit">thématique</h3>
<ul id="menuA" class="navigation">
<li class="toggleSubMenu">
<a class="m2" href="#">    Institutionnel</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Terres Romanes</a></li>
<li class="inline1"><a href="#">Millas</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Nature</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Herberie</a></li>
<li class="inline1"><a href="#">Botanica</a></li>
<li class="inline1"><a href="#">Vallespir</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Agriculture</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Chambre d'Agriculture</a></li>
<li class="inline1"><a href="#">Saveurs Paysannes</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Informatique</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Mozart</a></li>
<li class="inline1"><a href="#">M.P.V.P.</a></li>
<li class="inline1"><a href="#">Magali</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Culture</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Guides patrimoine</a></li>
<li class="inline1"><a href="#">Guia Sup Catala</a></li>
<li class="inline1"><a href="#">Vents d'échanges</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Tourisme</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Canigou grand Site</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Commerce</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Cosmos</a></li>
<li class="inline1"><a href="#">Ribiero</a></li>
</ul>
</li>

<li class="toggleSubMenu">
<a class="m2" href="#">    Vin</a>

<ul class="subMenu close_at_load">
<li class="inline1"><a href="#">Vignerons Tarerach</a></li>
<li class="inline1"><a href="#">Vignerons Vinca</a></li>
<li class="inline1"><a href="#">Cave Beille</a></li>
</ul>
</li>

</ul>

<h3>contact</h3>
</div>

<div id="slideshow">
<ul id="one">
<li class="loading"><img src="images/image-3.jpg" class="rollover"/></li>
<li class="loading"><img src="images/image-33.jpg" class="rollover"/></li>
</ul>
<div class="description">PAGE NUMERO TROIS AVEC SLIDESHOW
</div>
</div>

<br class="saut"/>
<div class="footer"></div>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5776229-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>

</body>
</html>

------------------------------------------------------------------------------------------------------------------
CSS
--------------------------------------------------------------------------------------------------------------
@charset "utf-8";
/* CSS Document */
body {background-color:#CCC;
}
#conteneur {
background-color: #FFF;
width: 960px;
font-family: Tahoma;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 695px;
}
#conteneur .motclef {
font-family: Tahoma;
font-size: 12px;
color: #EFEFEF;
margin-left: 10px;
}
#conteneur .navleft {
margin-top: 47px;
}

#menu {
width: 200px;
margin: 10px 0 0 -37px;
position: absolute;
text-align: left;
}

img.rollover {
cursor: pointer;
}

a img { border: 0; }
a { text-decoration: none; color:#C96;}
a:hover, a:active, a:visited { border: 0; }
a:active,a:focus { outline:none; }

a.lien404{ color: red;}
a:hover.lien404{ color: #a50000;}

#one { margin-top: 0px; }
#one li{list-style-image: url("puce.gif"); margin-top: 0px; line-height: 250px;}

#menuA li {
list-style: none;
}
#conteneur .navleft #menuA .toggleSubMenu {
margin-bottom: 0px;
line-height: 12px;
}

#conteneur .navleft h3 {
margin-left: 40px;
font-family: Arial;
font-size: 14px;
color: #000;
font-weight: bold;
letter-spacing: 1px;
padding: 0px;
}

.inline1 {
color: #b3b3b3;
font-family: Tahoma;
font-size: 12px;
line-height: 1.5em;
letter-spacing:1.5px;
}
#conteneur .navleft .petit {
margin-bottom: -18px;
margin-left: 40px;
margin-top: 25px;
}

.inline1 a {
color: #000;
font-family: Arial;
font-size: 9px;
line-height: 1.1em;
letter-spacing:1px;
margin-left: -25px;
}

.inline1 a:hover { color: #ff0000; }
.inline1 a.on:hover { cursor: default; }
.inline1 { width: 190px; margin-left: 0px; padding-top: 0px; line-height: 15px; letter-spacing: -0.03em;}

.m1, .m2, .m3, .m4, .m5, .m6 {
margin-left: 0px;
font-family: Arial;
font-weight: normal;
font-size: 10px;
color: #000;
background-image: url(image/navflech.jpg);
background-repeat: no-repeat;
background-position: left top;
letter-spacing:1px;
line-height: 14px;
}
.m2.selected {
margin-left: 0px;
font-family: Arial;
font-weight: normal;
font-size: 10px;
color: #3C6 ;
background-image: url(image/navflech.jpg);
background-repeat: no-repeat;
background-position: left bottom;
letter-spacing:1px;
line-height: 14px;
}

#slideshow {
width: 625px;
position: absolute;
font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
float: left;
margin-top: -460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 220px;
}
#conteneur .saut {
clear: both;
}

#slideshow .description, #vimeo .description{
margin-top: -60px;
color: #000;
font-family: Tahoma;
margin-left: 50px;
line-height: 22px;
width: 500px;
background-color: #ff9900;
}
#slideshow .description a, #vimeo .description a {
color: #7f7f7f;
background-color: #F90;
}
#slideshow .description a:hover, #vimeo .description a:hover { color: #fc0012; }

#vimeo {
width: 625px;
margin: 30px 0 0 240px;
position: absolute;
font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif
}
#aleatoire {
width: 625px;
margin: 30px 0 0 220px;
position: absolute;
font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif
}

.jqGSContainer { position:relative; width: 713px; height: 615px; }
.jqGSContainer .jqGSImgContainer { width: 624px; height: 650px; }
.jqGSContainer .jqGSImgContainer ul { padding:0;margin:0;position:relative;list-style:none; width: 624px;height: 650px; }

.jqGSContainer .jqGSImgContainer ul li { padding:0;margin:0;position:relative;float:left; width: 624px; height: 650px;}
.jqGSContainer .jqGSInformations{clear:both;}
.jqGSContainer .jqGSPagination{
height:22px;
margin-top: -60px;
margin-right: 65px;
}
.jqGSContainer .jqGSPagination ul{
padding:0;
margin:0;
list-style:none;
position:relative;
float:right;
}
.jqGSContainer .jqGSPagination ul li{
padding:0;
margin-right:0px;
float:left;
padding-right:0px;
text-align:center;
padding-bottom:0px;
}
.jqGSContainer .jqGSPagination ul li a{
color: #333;
display:block;
width:15px;
font-family: Tahoma;
padding-right: 0px;
padding-left: 0px;
background-color: #F90;
line-height: 22px;
}
.jqGSContainer .jqGSPagination ul li a.selected {color: #fc0012;}
.jqGSContainer .jqGSPagination ul li a.selected:hover {color: #fc0012; cursor: default;}
.jqGSContainer .jqGSPagination ul li a:hover{color:#747474;}

#contactfond {
background: url(fond.jpg) no-repeat;
width: 700px;
height: 520px;
margin: 27px 0 0 220px;
z-index: 1;
position: absolute;
}

#contact {
width: 300px;
height: 200px;
margin-top: 300px;
margin-left: 40px;
position: absolute;
text-align: left;
font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size: 115%;
color: #fff;
z-index: 2; }

#contact2 {
width: 700px;
height: 80px;
margin: 555px 0 0 220px;
position: absolute;
text-align: left;
font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
color: #999;
}

#contact3 {
width: 100px;
height: 100px;
margin-top: 495px;
margin-left: 600px;
position: absolute;
text-align: center;
font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size: 115%;
color: #fff;
z-index: 2; }

#contact4 {
width: 300px;
height: 200px;
margin-top: 330px;
margin-left: 40px;
position: absolute;
text-align: left;
color: #fff;
z-index: 2;
font: 115%/140% 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;#slideshowsans {
width: 625px;
margin: -20px 0 0 220px;
position: absolute;
font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif
}
#slideshow2 {
width: 625px;
position: absolute;
font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
margin-top: 30px;
margin-right: 0;
margin-bottom: 0;
margin-left: 220px;
float: left;
}
#conteneur .navleft #menuA .toggleSubMenu .subMenu.close_at_load {
font-family: Tahoma;
line-height: 1.5em;
font-size: 65%;
}
#conteneur .footer {
background-image: url(image/logocat.jpg);
background-repeat: no-repeat;
height: 62px;
width: 313px;
}
----------------------------------------------------------------------------------------------------------------

oups !!!
Si vous avez du courage....
j'aimerais que ma "div footer" vienne sous la description de la galerie photos?
j'ai essayer marge, padding, position mais y a pas moyen, le pire c'est que j'ai codé avec dreamweaver,
je vois bien ma div au bon endroit sur la visualisation mais pas sur fox ni ie?

Mille merci par avance à celui qui voudra bien éclairer mes lumières...

Cette discussion est classée dans : font, left, height, color, margin

Répondre à ce message

Sujets en rapport avec ce message

Le background ne s'affiche pas sous IE7 [ par 311064 ] BonjourJ'ai des soucis avec l'affichage du background sous IE7.Il fonctionne bien sous Firefoxe mais sous IE7 l'image de fond de la page ne s'affiche Garder ouvert un menu accordeon [ par AlexFaitDesChoses ] Bonjour à tous, je débute en PHP et j'aimerais quelques conseils. Je suis entrain de créer mon nouveau site qui se compose comme ceci: un menu déroula problème de position d'une image lors du survol d'un lien [ par molio ] Bonjour, J'essaie de faire un site internet pour mon laboratoire. je souhaite faire apparaitre une image qui suit la souris au survol d'un lien vers probléme d'affichage de mon site c urgent aider moi [ par ahmedmrissa ] Bonjour, J'ai un problème d'affichage de mon site lors du changement du resolution graphique ou bien le changement du navigateur on voit un décalag probleme d'affichage [ par ahmedmrissa ] Bonjour, J'ai un problème d'affichage de mon site lors du changement du resolution graphique ou bien le changement du navigateur on voit un décalage Besoin d'aide... [ par Koppa ] Bonjour tout le monde.Voici mon problème j'ai trouvé un script qui permet de faire choisir au membre le thème de son choix avec forumactif. Vous conna Curseur de la souris sur un bouton. [ par overstorex ] Bonsoir, j'aurai voulu savoir si il est possible si le curseur de la souris ce trouve sur le bouton celui-ci change de couleur ? Conflit OnMouseOut et OnClick [ par rehtakulveets ] Bonjour à tous. Je sais que le sujet a déjà été traité mais mon problème est un peu différent et je n'arrive pas à m'en sortir. J'ai récupéré un code Lien et checkbox [ par imen99 ] Hi J'ai ce code et je veux ajouter des checkbox devant chaque lien et que les liens ne fonctionne qu'aprés avoir séléctionner un checkbox et mon menu et toujour ouver php/mysql/javacript [ par ramirez21000 ] je veut que mon menu soit fermer et on clicon ou onmousover les sous menu apparesstvoila mon travail*************************************************

Livres en rapport

How to use Adobe Photoshop Elements 2

Digital Color Imaging Handbook

The PhotoShop 6 Wow! Book

Color Correction for Avid Xpress DV 3.5

Tous les livres pour Font, Left, Height, Color, Margin

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€
Creation d-une presentation dynamique avec Keynote
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP