probleme IE - site EXTENSIBLE -- site d'archi

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 Page Suivante Page Précédente Bas de page
Auteur	Sujet : probleme IE - site EXTENSIBLE -- site d'archi

nico2302

Bonjour,
Je suis étudiant en architecture, et je voudrais améliorer mon site.
Je voudrais donc réaliser un menu déroulant
J'ai déja commencer e dessiner les boutons, et le fond du site, mais je ne connais pas grand chose en script.
Je voudrais donc que lorsque je passe dur les bouton, s"affiche un menu déroulant avec les sous catégories.

Pour le moment, j'utilise dreamweaver, mais je n'écris pas directement le code.
Alors je ne sais pas si c'est possible de réaliser ce que je souhaite sans apprendre le CSS ou le javascript? Parce que cela fait deux jours que je cherche, mais je ne trouve que des explication de code CSS. Et je n'y comprends rien dutout.
J'ai essayer de le faire par le code mais bon, je n'y arrive pas du tout.

- est-ce donc possible de faire un menu déroulant sur dreamweaver par exemple, sans utiliser les codes?
- Si c'est impossible, avez vous un lien qui explique vraiment en détail, ce que je souhaite faire, parce que je ne m'en sors pas

Merci d'avance à tous
Nico

Message édité par nico2302 le 27-08-2011 à 14:19:46

Publicité

nico2302

toum_toum

Vivons masqués

Bonjour,

Qq liens qui peuvent t'être utiles... :

http://ressources.mediabox.fr/tuto [...] _deroulant
http://www.commentcamarche.net/for [...] amweaver-8
http://www.alsacreations.com/tuto/ [...] Query.html
http://forum.alsacreations.com/top [...] tions.html

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

nico2302

Je te remercie pour ton aide, je me suis décidé à apprendre le xhtml et le css. Je ne fais plus que ça ^^

J'ai réussi à faire mon menu déroulant, voici le lien:

http://www.hotosting.com/portfolioarchi/index.html

Comme vous pouvez le voir, j'ai mis des margin-top:1px solid black; Mais j'aurais bien voulu les mettre transparent. Le problème c'est que je n'y arrive pas.
Lorsque je mets 1px solid transparent, on ne voit pas le résultat. Sans doute parce que le fond reste derrière.
Je suppose donc que je dois empêcher le fond de s'étendre en dessous des margin mais je ne sais pas comment faire.

Je cherche donc de l'aide pour designer mon menu

Message édité par nico2302 le 27-01-2010 à 23:36:35

nico2302

Bon, j'ai un peu continuer :

http://www.hotosting.com/portfolioarchi/index.html

Maintenant, je compte m'attaquer au design du menu.
Est-ce que vous n'auriez pas des lien de beau site, ou de tuto pour réaliser de belle barre de menu?
En fait j'aurais bien voulu arriver à un menu comme celui-ci

http://www.pckult.net/tutoriaux

Mais je suppose que je dois le faire en javascript alors?
Avez vous un tuto pour ce genre de menu en javascript? (c'est surtout pour le petit rectangle gris clair qui se déplace avec la souris dans le menu)

Message édité par nico2302 le 25-01-2010 à 17:08:37

David Boring

En jquery
http://www.gmarwaha.com/blog/2007/ [...] ry-lovers/

nico2302

merci pour ton lien David Boring, mais j'ai depuis un autre problème (je ferai peut-etre mon menu en javascript plus tard car je voudrais avancer un peu dans mon site), avec firefox et pas avec IE. bizare non?

En effet, la div logo ne s'affiche pas dans firefox (celle au dessus du menu) alors que dans IE si.

Comment cela se fait-il?

http://www.hotosting.com/portfolioarchi/index.html

Code :

<!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" media="screen" type="text/css" title="design" href="design.css" />
<style type="text/css">
<!--
.police {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<div id="logo_logo">
</div>
<div id="menu">
<ul class="niveau1">
<li class="sousmenu"><a class="fleche" href="#">B<span class="bac1">AC</span> 1</a>
<ul class="niveau2">
<li class="autremenu"><a href="#">Cours</a></li>
<li class="sousmenu"><a href="#">Projets</a>
<ul class="niveau3">
<li class="autremenu"><a href="#">Allemagne</a></li>
<li class="autremenu"><a href="#">Luminaire</a></li>
<li class="autremenu"><a href="#">Analyse maison</a></li>
<li class="autremenu"><a href="#">Ecluse</a></li>
<li class="autremenu"><a href="#">Maison canal</a></li>
</ul>
</li>
<li class="autremenu"><a href="#">Travaux</a></li>
</ul>
</li>
<li class="sousmenu"><a class="fleche" href="#">B<span class="bac2">AC</span> 2</a>
<ul class="niveau2">
<li class="autremenu"><a href="#">Cours</a></li>
<li class="sousmenu"><a href="#">Projets</a>
<ul class="niveau3">
<li class="autremenu"><a href="#">Kot-story</a></li>
<li class="autremenu"><a href="#">Central parc</a></li>
<li class="autremenu"><a href="#">Projet 3</a></li>
<li class="autremenu"><a href="#">Projet 4</a></li>
</ul>
</li>
<li class="autremenu"><a href="#">Travaux</a></li>
</ul>
</li>
<li class="sousmenu"><a class="fleche" href="#">B<span class="bac3">AC</span> 3</a>
<ul class="niveau2">
<li class="autremenu"><a href="#">Cours</a></li>
<li class="sousmenu"><a href="#">Projets</a>
<ul class="niveau3">
<li class="autremenu"><a href="#">Projet 1</a></li>
<li class="autremenu"><a href="#">Projet 2</a></li>
<li class="autremenu"><a href="#">Projet 3</a></li>
<li class="autremenu"><a href="#">Projet 4</a></li>
</ul>
</li>
<li class="autremenu"><a href="#">Travaux</a></li>
</ul>
</li>
<li class="sousmenu"><a class="fleche" href="#">M<span class="ma1">A</span> 1</a>
<ul class="niveau2">
<li class="autremenu"><a href="#">Cours</a></li>
<li class="sousmenu"><a href="#">Projets</a>
<ul class="niveau3">
<li class="autremenu"><a href="#">Projet 1</a></li>
<li class="autremenu"><a href="#">Projet 2</a></li>
<li class="autremenu"><a href="#">Projet 3</a></li>
<li class="autremenu"><a href="#">Projet 4</a></li>
</ul>
</li>
<li class="autremenu"><a href="#">Travaux</a></li>
</ul>
</li>
<li class="sousmenu"><a class="fleche" href="#">M<span class="ma2">A</span> 2</a>
<ul class="niveau2">
<li class="autremenu"><a href="#">Cours</a></li>
<li class="sousmenu"><a href="#">Projets</a>
<ul class="niveau3">
<li class="autremenu"><a href="#">Projet 1</a></li>
<li class="autremenu"><a href="#">Projet 2</a></li>
<li class="autremenu"><a href="#">Projet 3</a></li>
<li class="autremenu"><a href="#">Projet 4</a></li>
</ul>
</li>
<li class="autremenu"><a href="#">Travaux</a></li>
</ul>
</li>
<li class="autremenu"><a class="contact_accueil" href="#">C<span class="contact">ONTACT</span></a></li>
<li class="autremenu"><a class="contact_accueil" href="#">A<span class="accueil">CCUEIL</span></a></li>
</ul>
</div>
<div id="bac2_1">
<img src="image/bac2_1.png"/>
</div>
<div id="bac2_2">
<img src="image/bac2_1.png"/>
</div>
</body>
</html>

Code :

body {background: url(image/fond.jpg) top center fixed no-repeat;
background-color:#CCC;}
#logo_logo {
width:910px;
height:50px;
background:url(image/logo.png) no-repeat;
margin:0px auto 10px auto;}
div#menu {
font: 14px Arial, sans-serif;
background-repeat: no-repeat;
width: 910px; height: 40px;
color:#CCC;
margin:auto; padding:0px;border:0;
}
/* div#menu a {color:#000000} ----------------------------INUTILE */
div#menu ul {
margin: 0px;
padding: 0px;
/*width: 980px;*/
border:0;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
list-style: none; /*on enleve les icones de liste */
float:left;border:0;
}
.niveau1{ border:0;padding:0;border:o; }
.niveau1 li { border:O;padding:O;border:O;}
#menu li.sousmenu /* MENU AVEC UN DEROULEMENT */
{
padding:0px;margin-top:2px;margin-bottom:2px;border:0;
height: 36px;
}
#menu li.autremenu /* MENU SANS DEROULEMENT */
{ border:0;padding:0;margin-top:2px;margin-bottom:2px;border:0;
height: 36px;
}
div#menu ul ul {
position: absolute;
display: none;
width: 130px;
border:0;padding:0;margin:0;
}
div#menu li a {
text-decoration: none; /* plus de soulignement pour les liens */
padding: 0px 5px 0px 10px;
display: block;
width: 115px; /* taille du bloc = padding + margin + width */
color:white;
text-align:left;
text-indent: 0px;
line-height: 39px;
/* border-top:1px solid black; */
}
/*choix du fond des menu*/
.contact_accueil { background: url(image/menu.png) repeat-x}
.fleche {background:url(image/fond_fleche_1.png);}
div#menu ul.niveau2 li , div#menu ul.niveau3 li { background: url(image/menu.png);}
/* changement de fond des fleche lorsque la souris est sur BAC1, BAC2, BAC3, MA1 ou MA2 */
.fleche:hover {background:url(image/fond_fleche_2.png)}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3, .fleche {display:block;}
/*Lors du passage de la souris: choix du fond des menu*/
div#menu ul.niveau1 li a:hover {color:#000}
div#menu ul.niveau1 li.sousmenu a:hover {}
div#menu ul.niveau1 li.autremenu a:hover {}
div#menu ul.niveau2 li.sousmenu a:hover; {}
/* Decalage du niveau 3 avec le niveau 2 */
div#menu ul.niveau3 {
top:-2px; left: 130px; }
/* Taille des span menu */
.bac1 {font: 10px Arial}
.bac2 {font: 10px Arial}
.bac3 {font: 10px Arial}
.ma1 {font: 10px Arial}
.ma2 {font: 10px Arial}
.contact {font: 10px Arial}
.accueil {font: 10px Arial}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bac2_1 {
width:920px;
height:238px;
margin: 20px auto 0 auto;
padding: 0px 0 0 10px;}
#bac2_2 {
width:920px;
height:300px;
margin: 20px auto 0 auto;
padding: 0px 0 0 10px;}

David Boring

Je vois ton logo, à l'inverse des moteurs de recherche et de ceux qui surfent avec un handicap.
Tu dois avoir dans ton html le contenu de ton logo, que tu caches ensuite à la vue.
Cet article t'explique une bonne manière de le faire
http://www.webaim.org/techniques/css/invisiblecontent/

nico2302

en fait, je crois que firefox croyait qque c'était un commentaire.
Depuis que j'ai effacé les deux commentaire au dessus et en dessous, firefox veut bien l'afficher

merci pour ton aide

nico2302

me revoila, j'ai pas mal avancé sur mon site, je voudrais savoir ce que vous en pensiez. il n'est pas encore très rempli mais sa viendra.

Si vous avez des idées pour l'améliorer, je suis preneur

http://horta.ulb.ac.be/studentpubl [...] index.html

Publicité

gatsu35

Blablaté par Harko

l'utilisation dégueulasse de tableau doit être arrêtée.

RIen que sur ta home, de simples lien en position:absolute, auraient suffit au lieu de ta soupe dégueulasse de tableaux.
pourquoi découper tes images en tous petits morceaux alors que tu aurais pu les afficher normalement en PNG :'(
tu as fait ton site comme on faisait en 1996

Message édité par gatsu35 le 27-04-2010 à 21:56:24

---------------
Blablaté par Harko

nico2302

Je fais pas des études d'informatique. Je suis en archi donc j'ai fait ce que je pouvais... On nous a donné un cahier des charge avec notamment une image découpée sur photoshop (page de garde). DOnc la page de garde, j'avais pas vraiment le choix.

Sinon pour le reste du site qu'en pensez vous?

gatsu35

Blablaté par Harko

Ben pareil tout est découpé en tout petits morceau alors que 3 bouts de HTML et un peu de CSS et 5 images auraient suffit à faire les secondes pages internes.

PS : tu es sur un forum de developpeurs donc on te donnera qu'un avis de developpeur. Donc c'est bon à refaire

Message édité par gatsu35 le 28-04-2010 à 08:52:23

---------------
Blablaté par Harko

rufo

Pas me confondre avec Lycos!

Un conseil : lire le livre de Raphaël Göetter (auteur du site alsacreation, mentionné précédemment dans un post). Très pédago et pleins de bonnes pratiques

Mais +1 pour Gatsu35. Le code date d'avant 1999, là, on dirait.
html = structuration des infos -> pas de mise en page, utilisation des balises pour leur sémantique pas pour leur rendu visuel
css = mise en page/forme
javascript = à rajouter de manière non intrusive (donc pas direct dans les balises html), juste pour améliorer l'ergonomie et l'aspect "dynamique".

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

nico2302

Cela fait déja environ 6 mois que j'ai fait mon site web, mais je compte profiter des vacances pour l'améliorer.
D'après les critiques reçues, le site n'est pas assez optimisé. En gros il est mal foutu.
Voici une page d'exemple :
http://horta.ulb.ac.be/studentpubl [...] /bac2.html
Voici mon modèle :
http://vincent.callebaut.org/projets-groupe-tout.html

Je voudrais réaliser un site sobre, simple que celui ci-dessus.
J'aurais donc besoin de votre aide pour mieux comprendre la structure du site "modèle".
par exemple, je me demandais comment le créateur du site a t'il fait pour que le menu reste en dessus de page?
Si vous avez d'autre reproche à me faire, je suis tout ouïe.

Merci d'avance pour votre aide

rufo

Pas me confondre avec Lycos!

Probablement avec un position: absolute; pour el coup du menu qui reste en haut.

Pour ton menu, mettre comme couleur "noir" un lien survolé, c'est pas terrible (ie pas lisible) vue que ton fond est plutôt sombre

nico2302

Je compte de toute façon remplacer le fond par quelque chose de plus sobre et qui mettra moins de temps à charger.
En fait, je compte quasiment recommencer à zero parce que pour le moment, je le trouve mal structuré.
De plus, j'ai travaillé avec des tableaux et des images fracationnée qui complique beaucoup lle code.

Si vous avez d'autres critiques ou dautres idées allez y

nico2302

Voila à peut près 6 mois que j'ai fait mon tout premier site web.

J'ai décider de l'améliorer, et de changer son design.

Il s'agit en fait d'un portfolio de mes études dans lequel je placerai mes projets d'archi mon CV...
voici une idée du design que je voudrais faire:

Le site serait constitué d'une barre de menu horizontal et de sous menu (je l'ai déja faite en html css) et d'un bloc où je placerai le contenu (les cadres en gris translucide).
Pour le mettre en oeuvre, j'ésite entre trois possibilité:

un cadre fixe centré au milieu de la page dans lequel je placerai une div avec ascenseur.
une colonne centrée comme la plupart des site, mais dans ce cas, je ne vois pas trop comment faire continuer le fond sur une longue page.
utiliser le flash, que je ne connait pas dutout pour créer certaine animation, comme par exemple la barre grise qui pourrait se déplacer en fonction de la page sur laquelle nous sommes.

Voila, je ne sais pas ce que vous en pensez? Quelle serait la meilleur solution?

Merci d'avance pour votre aide

nico2302

voici l'avancement de mon portfolio.

http://www.nicolas-gustin.com

J'ai donc deux question:

J'aurais bien voulu avoir l'avis de personnes plus expérimentées que moi. avez vous des reproches ou suggestion pour l'améliorer?
J'aurais aussi voulu que le barre verticale grise se déplace lors du survol du menu. est-il possible de réaliser cela en flash?

Message édité par nico2302 le 21-08-2010 à 22:35:28

gatsu35

Blablaté par Harko

pourquoi du flash alors que du JS ferai le même boulot ?

---------------
Blablaté par Harko

nico2302

je ne sais pas je ne connais ni l'un ni l'autre.
Quel serait le plus simple et surtout le plus rapide à apprendre?

Profil supprimé

nico2302

je suppose que la barre grise doit alors être dans un div à part en positionnement absolu ?

Devrais-je utiliser jquery ou dois-je apprendre le JS sans jquery?

rufo

Pas me confondre avec Lycos!

Ben c'est quand même mieux de connaître le langage de base avant de travailler avec des libs. Surtout que des fois, pour faire un truc, ça sera moins lourd de la coder à la main que de faire appel à une lib pas forcément légère si c'est pour utiliser une fonction basique

Message cité 1 fois

nico2302

Bon, OK juste encore une chose, est-il possible que je fasse mon site sans utiliser JS en premier lieu, et lorsque j'ai fini d'annimer certain élément en JS. Ou alors dois-je déja prévoir le code JS dès le début. Je ne sais pas si je suis très clair.

Message cité 1 fois

gelatine_velue

rufo a écrit :

Oui mais en même temps jquery enlève bien des problèmes et facilite des choses (intéropérabilité, sélecteurs, syntaxe, etc). Pourquoi pas.
A mon avis il y gagne a commencer a coder en jquery, ça lui fera autant à apprendre mais moins de coups de tête contre le clavier.

gelatine_velue

nico2302 a écrit :

Tu peux tout faire sans js et ajouter le js ensuite. Pense à donner des id uniques aux éléments que tu voudras animer en js, ça te facilitera la tâche.

nico2302

OK merci pour votre aide, est-ce que vous ne connaitriez pas un tuto pour réaliser un glissement d'un élément. Parce que j'ai déja appris un peu les base de jquery, mais je n'ai pas trop envie de tout apprendre juste pour réaliser un petit effet. En plus, je ne risque plus de réutiliser JS avant longtemps ^^.
Donc si vous avez un tuto ce serait sympa
merciiiii

nico2302

Voila, j'ai trouvé un exemple pour mieux expliquer ce que je voudrais faire.

http://www.gmarwaha.com/blog/2007/ [...] ry-lovers/

Donc, dans mon cas, au lieux que ce soit le petit rectangle qui se déplace, se serait la grande barre grise verticale.

Est-ce la même méthode?

re-voici le lien de la page en travaux:
http://www.nicolas-gustin.com/

Message édité par nico2302 le 21-08-2010 à 22:35:49

abais

L'intégration est différente, mais oui, c'est là même methode que tu dois adopter...
Apprend dans un premier temps le XHTML/CSS de manière à faire ta div de fond qui pourra se déplacer indépendamment du reste, puis, pour Jquery, la fonction animate() suffit (super simple à utiliser si tu connais le CSS, et bien sûre un minimum de JS que tu semble deja connaitre un minimum)

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

nico2302

ok merci pour ton aide, je m'y met dès demain matin
bonne nuit

nico2302

voila, j'ai réussi à mettre la barre grise en positionnement relatif,
mais j'ai maintenant deux problèmes:

le navigateur croient que la barre grise est positionnée en dessous de toutes les autres div. Ce qui fait qu'il nous permet de descendre plus bas dans la page alors qu'il n'y a rien.

Ce n'est pas très bien, mais bon c'est un peu chiant

Je ne suis pas arrivé à animer la barre grise avec la technique du lavalamp. http://www.gmarwaha.com/blog/2007/ [...] ry-lovers/

Il faudrait grâce à JS dire de changer la position de la div "barre grise" en fonction de mouseover" Mais je ne sais pas trop comment faire ?

http://users5.nofeehost.com/nico2302/test/menu.html

Message cité 1 fois
Message édité par nico2302 le 04-08-2010 à 23:50:20

gelatine_velue

Rapidement et pour la partie animation:
Sur chaque mousover de tes menus tu vas appeler la même fonction à toi, disons mafonctionanimation.

Elle va faire la chose suivante:

1- Définir les coordonnées de la cellule de menu actuelle: le point A
2- Définir les coordonnées de la barre grise: le point B

3- Si elles sont différentes, la fonction va utiliser animate pour amener la barre du point A au point B.

abais

nico2302 a écrit :

voila, j'ai réussi à mettre la barre grise en positionnement relatif,
mais j'ai maintenant deux problèmes:

le navigateur croient que la barre grise est positionnée en dessous de toutes les autres div. Ce qui fait qu'il nous permet de descendre plus bas dans la page alors qu'il n'y a rien.

Ce n'est pas très bien, mais bon c'est un peu chiant

Je ne suis pas arrivé à animer la barre grise avec la technique du lavalamp. http://www.gmarwaha.com/blog/2007/ [...] ry-lovers/

Il faudrait grâce à JS dire de changer la position de la div "barre grise" en fonction de mouseover" Mais je ne sais pas trop comment faire ?

http://users5.nofeehost.com/nico2302/test/menu.html

=> http://urfman.free.fr/fhw/nico2302/
=> Source : http://urfman.free.fr/fhw/nico2302/nico2302.rar

#colonnegrise doit etre positionné en absolute (pour ne pas que ses frères l'encombrent) !
Tu dois donc mettre une position relative à ton #cadre pour servir de referenciel à #colonnegrise.
#colonnegrise doit avoir un top:0 (pour que l'absolue soit pris en compte) et un height:100% pour prendre toute la hauteur de son parent...

Je t'ai fais l'exemple avec JQuery...
J'ai aussi importé jquery.easing.1.2.js dans ton .html, c'est un plug-in de Jquery qui te permet d'avoir plus de possibilité en matière d'Easing (effet d'animation : rebonds, ralentie, elastique...)
Le "moteur" de #colonnegrise se trouve dans barreGrise.js (je l'ai commenté)

L'animation de la largeur ne sert à rien vu que tout tes menus on l'a même largeur, mais bon...
La largeur et le position left contenu dans le CSS sur #colonnegrise sont utile pour la position de l'élément par défaut (à l'ouverture de la page)..

J'ai pas trop changé le reste...

Message édité par abais le 12-08-2010 à 09:37:37

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

nico2302

Un ENORME merci

J'étais entrain d'essayer de le faire, mais je galérais complètement.
Merci beaucoup, tu me fais gagner des heures

abais

bah, faut surtout que tu comprennes le bousain hein ! afin que moi je "perde" pas mon temps

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

nico2302

Oui, je sais bien, j'ai pas envie d'abuser de tes aides non plus.
Mais ça m'a donné envie de mieux connaitre JS.
Donc je vais m'y mettre

nico2302

Me revoila, j'ai pas mal avancé dans mon site web après un petit tour chez les webdesigners.
voici ou j'en suis
http://users5.nofeehost.com/nico2302/test2/index.html
J'ai encore quelque petit problème au niveau du code :
Quand on passe sur la première image en haut a gauche, j'ai essayer de faire apparaitre un div qui indiquerait le titre du projet.
dans ce style ci

J'ai essayer de réaliser cet effet avec la fonction "slidetoggle" de jquery sans succès, ensuite avec la fonction "slideup", "slidedown", mais la div ne se déroulait pas dans le bon sens.
Puis je suis arriver à un résultat semblable avec la fonction "animate", mais ça me semble un peu bizarre. le code JS est assez ong pour pas grand chose.
Alors voila, je ne sais pas quelle est la meilleur solution pour réaliser ce type d'effet.

Voici le code JS:

Citation :

$("#projet1" ).hover(function () {
$("#titreprojet1" ).animate({
height: '60px',
top: '119px',
}, { duration: 600, easing: "easeOutExpo", queue: false });
});

$("#titreprojet1" ).hover(function () {
$("#titreprojet1" ).animate({
height: '60px',
top: '119px',
}, { duration: 600, easing: "easeOutExpo", queue: false });
});

$("#projet1" ).mouseleave(function () {
$("#titreprojet1" ).animate({
height: '0px',
top: '179px',
}, { duration: 600, easing: "easeOutExpo", queue: false });
});

Message édité par nico2302 le 10-08-2010 à 13:00:13

gelatine_velue

Animate est plus générique comme fonction donc plus de code, c'est normal.
Mon avis est de pas te prendre la tête. Tu mets ton code dans une fonction que tu appelles sur chaque image et basta.
edit: la quantité de code reste très raisonnable.

Message édité par gelatine_velue le 10-08-2010 à 13:00:27

nico2302

en fait je posais la question parce que quand je tappais du texte dans la div, il y avait des petit problèmes (le n'était pas masqué lors du chargement de la page). Donc j'étais obligé de mettre du texte en background. Je ne sais pas si c'est très grave?

Publicité

Page : 1 2 3

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

probleme IE - site EXTENSIBLE -- site d'archi

Sujets relatifs
publier un site flash	Problème avec un site full flash
Par quoi remplacer les cadres sur mon site??	Publication d'un site web en flash - Difficultés
2 NDD pour un site	VICTIME DE HACK comment securiser site?
conseil site web	Redirection d'un site perso vers un autre
pub pour site crée	Site web en java (jsp/servlet) sous Apache/Tomcat
Plus de sujets relatifs à : probleme IE - site EXTENSIBLE -- site d'archi

Page générée en 0.197 secondes