Bonjour par chez-vous !
Ici c'est le début de l'hiver et on va ce les gelés correct...
N'empêche que la vie continue et me voilà donc devant ce nouveau défi.
Voici ce petit bout de code:
Je commence un peu à prendre de l'assurance avec CSS et cela m'amène à faire des tentative de mixage entre les tutos présentés ici.
Ce code me sert pour un page de présentation qui propose aux internautes de télécharger flash player.J'ai intégré un bouton que j'ai nommé menu et qui réagit au survol comme dans le tuto. Pour le bouton c'est ok. Or voilà où ca se corse, j'ai aussi intégré un format de page fluide (elle fonctionne aussi, même si je suis pas sûr d'avoir tout compris encore...). Vous imaginez sûrement qu'en bon débutant que je suis, je me suis rebuté à une montagne d'e questionnements.
En gros, il faut que ma balise menu soit positionnée au même endroit quelque soit la résolution de l'écran. (il s'agit d'un jeu d'images avec le fond d'écran) Or, la balise menu change de position aussitôt que je change la résoution, c'est le bordel ! J'ai pourtant mis mes balises en dehors du flux ? Que se passe t-il ? Quelqu'un pourrait-il avoir l'amabilité de m'aider à comprendre ce qui ne vas pas ?
Est-ce que mon projet est réalisable ?
Merci beaucoup, vos conseils sont très appréciés, soyez-en certain !
Yannick Tremblay, webmestre apprentit.
Ici c'est le début de l'hiver et on va ce les gelés correct...
N'empêche que la vie continue et me voilà donc devant ce nouveau défi.
Voici ce petit bout de code:
<!--
body {
margin:0;
padding:0;/* pour annuler les marges */
width:100%;
overflow:hidden;
text-align:left; /*internet explorer j'ai tester et si je met center, l'image est décentrée*/
background-color:#d6b05b;
background-repeat:no-repeat;
}
#conteneur {
width: 100% ;
position:absolute;
padding:0;
text-align: center ;
border:none;
z-index:1;
}
#menu {
/*j'ai essyé la position relative et cela a donner un résultat spécial en ce que la div restait static alors que je faisais grossir et rapetisser la taille de la fenêtre*/
top:540px;
left:0px;
width:100%;/*ici j'ai mis cette valeur afin que mon menu s'ajuste de façon fluide à la page elle aussi fluide*/
z-index:100;
position:absolute;
}
#menu ul
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
#menu ul li
{
margin: 0 0 5px 0 ;
padding: 0 ;
}
#menu ul li a
{
display: block ;
width: 100% ;/*ici je suis pas certain mais, je crois qu'il faut que mon image soit elle aussi fluide pour suivre l'idée du menu, ais-je raison de mettre 100 %?*/
line-height: 33px ;
color: #000 ;
background: url(images/pas_flash.jpg) no-repeat 0 0 ;
}
#menu ul li a:hover
{
/*cette image est la petit image constituée de deux états comme dans le tutorial*/
background: url(images/pas_flash.jpg) no-repeat 0 -33px ;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="menu">/*ici j'ai mis une div, car je ne connaissais pas d'autre méthode pour superposer l'élément menu à l'élément conteneur. J'ai donc élaboré un jeu de calques*/
<ul>
<li><a href="#"></a></li>
</ul>
</div>
/*cette image est l'image de fond de ma page, et je veux qu'elle soit fluide*/
<img src="images/fond_pour_page_presentation.jpg" alt="bienvenue sur le site de l'ArrimAge" width="100%"/></div>
</body>
</html>
Je commence un peu à prendre de l'assurance avec CSS et cela m'amène à faire des tentative de mixage entre les tutos présentés ici.
Ce code me sert pour un page de présentation qui propose aux internautes de télécharger flash player.J'ai intégré un bouton que j'ai nommé menu et qui réagit au survol comme dans le tuto. Pour le bouton c'est ok. Or voilà où ca se corse, j'ai aussi intégré un format de page fluide (elle fonctionne aussi, même si je suis pas sûr d'avoir tout compris encore...). Vous imaginez sûrement qu'en bon débutant que je suis, je me suis rebuté à une montagne d'e questionnements.
En gros, il faut que ma balise menu soit positionnée au même endroit quelque soit la résolution de l'écran. (il s'agit d'un jeu d'images avec le fond d'écran) Or, la balise menu change de position aussitôt que je change la résoution, c'est le bordel ! J'ai pourtant mis mes balises en dehors du flux ? Que se passe t-il ? Quelqu'un pourrait-il avoir l'amabilité de m'aider à comprendre ce qui ne vas pas ?
Est-ce que mon projet est réalisable ?
Merci beaucoup, vos conseils sont très appréciés, soyez-en certain !
Yannick Tremblay, webmestre apprentit.
.
Ton exemple pèse 500 ko et des cacahuètes, et tu ne pourras jamais optimiser suffisament tes images pour descendre à une taille raisonnable 
(80 ko, pour les optimistes, 30 ko pour les puristes 
J'en perds mon latin (que j'ai même po)...