Discussion :

[Jorginho42]

Bonjour TLM,
Alors voilà mon ti souci... Réalisant mon site web en html et css, j'aimerais arriver à obtenir des pages du genre de celle-ci !
Sauf que là c'est réalisé en php, que je ne connais pas du tout, et moi j'aimerais avoir à peu près le même résultat, mais uniquement en html/css.
Plusieurs images reparties, cliquables, sur diverses pages, avec les même effets.
D'abord est-ce possible et ensuite... et bien... COMMENT ? Voilà la question...

Merci d'avance à toute bonne aide...

[rodolphebrd]

Bonjour,

Oui c'est possible de plusieurs manières :
- en apprenant les bases
- travail autour de la propriété display

Ça reste malgré tout une mise en page basique en css...

Nous attendrons vos ébauches pour en discuter.

[Bovino]

PHP sert juste à générer sur le serveur du code HTML, donc "un site en PHP", au final, ça reste un site HTML / CSS donc tu peux tout à fait faire la même chose sans PHP sauf que tes pages seront statiques.

[Jorginho42]

Bonjour,
En fait, ce que j'aimerais réussir ce serait une page de ce genre mais uniquement avec du html et css...

Croyez-vous que ce serait possible (je pense que très certainement), et comment alors "traduire" la page que je vous donne ci haut en langage html/css ?

Merci, j'ai essayé de vous faire des ébauches mais je suis très maladroit et donc... c'est raté.

Merci de vos aides...

[Invité]

Bonjour,
ce qui est raté, c'est d'avoir voulu nous faire croire que tu avais essayé.

Quant au code html/css du site donné en exemple, il suffit d'en copier le code source :
"ctrl" + "U"

[JefReb]

Afficher les images côte à côte est très basic en CSS. (voir float:left ou right)
puis pour les images cliquables il faut regarder du coté des lightbox. Il en existe plein. sexylightbox, lightbox, evolution, visualbox etc. basé sur la bibliothèque jquery en général.
Une petite recherche sur google et on trouve tout.
A lire l'excellent livre sur le CSS d'Eric Meyer.

[rodolphebrd]

Je passe cette discussion en résolu car la solution est basique et a été donnée par Jreaux62.

La console d'inspection de votre navigateur vous donnera toutes les informations nécessaires pour résoudre votre problème.

[Jorginho42]

Bon... et jour...

Alors que vous placiez la question en résolu ne me dérange pas le moindre du monde, cela me prouve que la réponse se trouve comme vous dites quelque part dans le site, site qui, à mon sens, est extrêmement rempli et complet. Le problème est donc que je sache maintenant formuler la question de manière à bien cibler le sujet et trouver la réponse. Pas si simple, mais bon... Puisque vous m'y invitez si gentiment... Je vais essayer... Promis juré.

Par contre, je tiens à répondre à Jreaux62. Je tiens à qu'il sache que j'ai essayé et que, malheureusement, je n'ai pas réussi, d'où ma présence et ma question ici, et si je vous avais montré mon code ici il serait vis à vis de vos connaissances tellement ridicule voire même illisible que vous auriez eu la même réaction et m'auriez demandé pareil, d'aller voir ailleurs. Je m'excuse mais je ne suis pas aussi doué que toi et j'avais cru pouvoir trouver ici de l'aide. Au final je reste un peu sur ma faim et je dois aller voir si je trouve de l'aide ailleurs... Dommage, j'avais beaucoup d'espoir. Je n'ai pas ma place ici parmi vous car je ne suis qu'un débutant... Pardon de vous avoir aussi inutilement et surtout si dérangé... J'espère néanmoins que mon passage servira à d'autres débutants qui croient pouvoir trouver ici réponse à leurs quêtes et leurs problèmes.
Merci à vous tous et peut-être... un jour... si j'en apprends suffisamment pourrais-je en discuter avec vous...

Bonne continuation et encore merci.

[rodolphebrd]

Dommage, j'avais beaucoup d'espoir. Je n'ai pas ma place ici parmi vous car je ne suis qu'un débutant... Pardon de vous avoir aussi inutilement et surtout si dérangé... J'espère néanmoins que mon passage servira à d'autres débutants qui croient pouvoir trouver ici réponse à leurs quêtes et leurs problèmes.
Merci à vous tous et peut-être... un jour... si j'en apprends suffisamment pourrais-je en discuter avec vous...

Il faut arrêter de vous flageller !!!

Nous ne fermons pas notre porte aux débutants, bien au contraire.
Seulement il est de bon ton de chercher au préalable et/ou de creuser autour des réponses qui vous ont été données.

Seulement dans cette discussion la réponse vous a été donnée.

Utilisez les outils de développement de votre navigateur pour consulter/copier les codes CSS, HTML, Javascript du site qui vous intéresse.

[Invité]

Bonjour,
la réponse à ta question, je te l'ai donnée.

...code html/css du site donné en exemple, il suffit d'en copier le code source : "ctrl" + "U"

Par contre, il ne faut pas confondre "débutant motivé" et "ignorant opportuniste".

Nous ne sommes pas là pour faire le travail à la place des autres, mais pour les aider à résoudre des problématiques concrètes.

Si tu avais lu les Règles du forum, tu saurais (en plus de nombreux conseils utiles) qu'il faut aussi poster son code pour obtenir des réponses plus précises.
Tu saurais aussi que tu peux consulter la FAQ, lire les cours, et faire des recherches AVANT de poster (après et pendant aussi, ce n'est pas incompatible).

...un jour... si j'en apprends suffisamment pourrais-je en discuter avec vous...

Voilà ! C'est tout-à-fait ça. Tu commences déjà à apprendre...

N.B. Quand on ne sais pas conduire, on n'achète pas une Ferrari.
Ni une deux-chevaux, d'ailleurs.

• On commence par étudier et passer le code (la théorie),
• et on prend des cours de conduite (la pratique)