28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous
maintenant je touche bien mieux le css.
à votre avis est-il réalisable de créer un faux livre sur une seule page html
c'est à dire une image à gauche, une à droite, un bouton tourner page G ou D.
Je pense que avec le z-index, il y a surement moyen,
mais je voudrais vous demander votre avis à vous vétérants du css si ça vaut le coup de me lancer dans cette aventure Smiley smile

merci d'avance
Modifié par qmulonainbus (21 Sep 2006 - 18:46)
Modérateur
bonjour,

(pas veteran !)
Generalement , on se sert plutot d'ancre , eventuellement avec une mise en page en faux frame , (et c'est la que les problems commencent Smiley smile , IE en mode quirk ou pas , opera qui ne reagit plus au lien sur les ancres ou mal , la page qui part dans tout les sens, etc....) .

On ne parlera même pas des "frames" , ni de la balise object qui la ne marchera avec des images , mais pas des fichiers textes et surtout pas sans javascript , (cote ajax , y'a des possibilité limité au navigateur compatibles).

Le z-index demandera aussi du javascript pour changer le style de chacunes des portions "z-indexer". c'est souvent une alternative aux ancres pour opera qui les gerent parfois tres mal dés qu'il ne sont plus enfant direct de body et placé dans un conteneur faisant office de faux-frames.

Pour peu de contenu , alors le z-index sur une page static rendue dynamique par JS , (les trucs css ne sont pas encore suffisament implementé pour s'en passer) , pourrait faire l'affaire si les ancres ne passent pas bien partout.

En fait le rejet de ce choix serait plutot du coté du poids de la page a charger en total , et si les contenus sont amené a "grossir" , mieux vaut opter pour une solution plus efficace et"classique" des le depart pour ne pas avoir a la remettre en cause plus tard, j'oserai dire.


Je ne vois pas trop l'interet donc , dans le cas d'un nombre important de pages/contenu .
Le php (ou autre langage serveurs) basés sur :
- des includes ,
1 fichier texte a lire morceau par morceau (la encore , fragile et a ne pas trop laisser grossir)
ou des données sorties par requetes d'une ou plusieurs table
, vaudront bien mieux , surtout si le site est amené a "vivre".

un exemple de page avec un menu vers des ancres :
http://www.deleeuw-boomverzorging.nl/
tout les textes sont dans la même page. Ces une tentative de reprise d'un petit site d'un ami (fait a l'origine avec front-page+frame par un pro) en xhtml et sans frame.(oui, il n'as pas peur Smiley lol a me servir de cobaye ) : Si cela ressemble a ce que tu veux faire , cela fonctionne aussi sans javascript .
LE js se base sur un display:none pour "effacer" les zone non consuter
ou sur les ancres en simple page statique.
la "gallery" foto avec ses 2 boutons se base sur un simple script php .)

Bon courage.
oulà gloups Smiley smile
merci pour ta réponse
ce que je comptais faire c'était juste avec des images
donc ton script php peut m'etre sympatique Smiley lol
pourrais-tu me le donner (je touche pas une bille en php :s )
Modifié par qmulonainbus (21 Sep 2006 - 11:23)
Modérateur
bonjour,

si tu n'est pas encore tres doué en php , il y a des script tout fait qui fonctionne relativement bien.

Je te conseille alors dans telecharger quelques uns et de regarder les sources pour comprendre comment ils fonctionnent.

pour commencer le plus simple est surement de s'arreter sur des script listant des repertoires , comptant les fichiers puis les affichant page a page a l'aide d'une boucle et d'une variable passer dans l'url .

Une fois "extrait" les principes (il ya des dicos php sur le web pour connaitre l'utilité et l'usage des fonctions utilisés avec de nombreux exemples) il te suffirat alors d'y ajouter le (x)html et la mise en forme.

sans bdd tu peut par exemple prevoir une petite image d'aperçu avec comme nom :
petite_image1.jpg
la grande image comme
image1.jpg
et le texte alternatif ou petite description dans un fichier textes
image1.txt

Tu peut reprendre par exemple pour la mise en page le tuto :
http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript

les script php , avec google par exemple :
http://www.google.fr/search?q=script+php+liste+repertoire+image&btnG=Rechercher
Pour te donner de la matiere premiere .( un minimum de comprehension des scripts sont necessaires pour bien les utilisés).
manuel/doc en ligne : http://fr2.php.net/manual/fr/

bon courage.