DIV/LAYER MOBILE COMME UNE FENETRE , Source N°16225 Javascript / J'ai monté ce script avec plein de bout de code trouver ici et la. ce script permet de creer une fenetre deplacable avec la souris avec les leyers. le script est compatible ie4 et + , ns4 et + . pour deplacer cette fenetre utilisez la barre marron (barre de titre, meme deplaement qu'une fenetre OS). pour afficher une image dans cette fenetre liquez sur un lien image1.gif ou image2.gif. pour cacher l'image chargée, cliquez sur O ds la barre de titre (idem pour la faire reaparaitre) le script n'est pas commenté mais le bloque est tres facilement utilisable pour tout vos sites. le style de la fenetre est modifiable via du code html assez simplement. Source / Exemple : Conclusion : un ptit zip est dispo et fonctionnel. perso jai testé sous IE5 et ns6 et ca marche impec (ce dont je suis plutot content). voila voilou.
Alsacréations : Tutoriels XHTML, CSS, actualités et articles sur les standards web CSS - Feuille de style - Cours CSS - Cascading Style Sheets CSS: Specificity Wars CSS: Specificity Wars Join me, and together we can rule the galaxy as father and geeks! A few weeks back in Cupertino, I saw Aaron explain how the specificity of CSS selectors is calculated in a way which I hadn't seen before. Then today I came across a knotty problem while building XHTML and CSS templates for a new project where two selectors behaved differently to how I expected and I realised that I had not completed my training. The Dark Side My problem was a simple one, how to feed a transparent PNG image to browsers which support transparency and a GIF image to older browsers which don't, without resorting to hacks. <div id="nav-supp"><p><a id="a-02" href="#webstandards-org">Top</a></p><! and my CSS starting point. I had assumed that a modern browser would see and apply both rules (with the second overriding the first) and that an older browser which does not understand attribute selectors would see and apply only the first, ignoring the second. Sith Lords Too much! Resources Replies
Tizag Tutorials CSS Débutant : cours et tutoriels sur les feuilles de style CSS Zoom d'images avec les CSS Parmi les multiples techniques permettant de zoomer une image à l’écran, voici celle qui, uniquement à l’aide de CSS2, permet un zoom au survol d’une image avec la souris. Première technique Zoomer une image, à l'aide des CSS2, lors de son survol de la souris peut se faire très facilement. Il suffit de combiner la valeur :hover à la balise img (image). Code (X)HTML L'image est déclarée dans le code HTML sans valeurs de tailles (ni width, ni height) : Code CSS Pour éviter tout saut ou recouvrement du texte sous-jacent lors du zoom, on peut déclarer cette image dans un cadre (ici appelé zoom) de hauteur égale à la photo zoomée (ici 400px). Les valeurs de tailles sont déclarées au sein de la feuille de style tout d'abord dans son état initial (img), puis dans son état survolé (img:hover). Résultat Testez le résultat dans votre navigateur. Au survol : Hélas cette technique simplissime ne fonctionne pas avec MSIE 6 car celui-ci ne supporte la règle :hover que pour les éléments liens. Astuces Variante
Les feuilles de styles alternatives Cette page explore les différentes méthodes de styles alternatifs et comporte les chapitres suivants : Pourquoi des styles alternatifs ? Les toutes premières versions d'Internet Explorer datent des années 90. Ce navigateur, qui fut pendant longtemps le plus utilisé au monde, à tenté de suivre petit à petit les évolutions des normes CSS avec plus ou moins de succès. Même depuis sa version 7, Explorer traîne encore avec lui une façon bien particulière de comprendre et d'interpréter ces normes. Au point que ses comportement sont parfois tout bonnement incompatibles avec ceux de Firefox et Opera. Ainsi, pour pouvoir réaliser certaines mises en page, il n'existe pas d'autre solution que de mettre en place des styles particuliers, spécifiquement destinée à IE, et d'autres destinés aux autres navigateurs. Trois méthodes peuvent être utilisées dans ce but : Notons qu'Internet Explorer n'est pas le seul navigateur à interpréter les normes de travers. Les "hacks" : exemple, avantages et inconvénients
SELFHTML 8.0 SELFHTML stellt seit 1995 eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung. Wir möchten dabei besonders … Anfängern die Grundlagen vermitteln und Kurse in deutscher Sprache anbieten Fortgeschrittenen ein Nachschlagewerk bereitstellen Discord SELFHTML hat einen Discord-Kanal, bei dem Sie Fragen rund um HTML und Programmierung stellen können. Everyone’s a publisher SELFHTML gehört seit vielen Jahren zu den bekanntesten Dokumentationen über das Erstellen von Web-Seiten. Fertige Content Management Systeme, soziale Netzwerke und andere Plattformen bieten dafür ebenfalls Mittel an. Wollen Sie aber eine individuelle Webseite gestalten, müssen Sie sich mit den grundlegenden Werkzeugen vertraut machen. Für Fragen zum Inhalt und Diskussionen steht das SELFHTML-Forum zur Verfügung.
CSS Margin Properties Loisirs et hobbies - Publications, documents, ebooks Déco, Cuisine, bricolage et jardinage : stimulez votre créativité ! Fan de jeux, amateur d’animaux, cuisinier en herbe ou bricoleur du dimanche, cette rubrique est la vôtre ! Pour les passionnés, les novices ou simplement les curieux, des milliers de guides thématiques sont à télécharger. Du sport, aux loisirs créatifs, en passant par la généalogie, vous saurez tout ! Découvrez de nouveaux loisirs à partager Voyage, sport, bricolage ou décoration, quelles que soient vos passions, cultivez les sur Youscribe en capitalisant une mine d’informations thématiques. Ainsi, les gourmands apprécieront les recettes de cuisine ou encore les accords mets – vins, tandis que les amateurs de sport revivront l’épopée des bleus au travers d’un guide illustré. En famille, organisez des moments pleins de convivialité grâce aux idées de jeux ou revenez sur vos origines, à l’aide de la généalogie. Des informations ludiques pour tous les passionnés Vivez vos loisirs au rythme de vos envies
Comment construire un gestionnaire de contenu en utilisant Ajax Nous allons décrire pas à pas comment construire un système de gestion de contenu, qui utilise PHP comme langage de programmation, et XML ou MySQL pour stocker les données. Ce n'est pas un simple tutoriel, mais un projet concret pour construire un outil utilisable en production. Pourquoi construire un CMS? Des centaines de CMS gratuit sont disponibles, alors pourquoi en construire un autre? Ce projet est différent parce que nous voulons à la fois construire un outil et expliquer comment l'outil peut être construit. Nous croyons que les applications Web vont commencer à remplacer celles qui fonctionnent localement et aussi remplacer les sites web classiques constitués de pages rédigées sur un éditeur HTML. Intérêts du CMS final Une fois achevé, ce CMS permettra à tout utilisateur d'ajouter du contenu au site sans aucune connaissance des technologies utilisées pour le faire fonctionner. Pré-requis Comment construire le CMS: la conception Construction d'un Blog Détails des composants Sitemap
HTML / XHTML Standard Event Attributes Écrire un CMS en PHP - Un seul point d'entrée pour tout le site web Un seul point d'entrée pour tout le site web Dans ce chapitre, nous allons configurer le serveur Apache pour que toutes les requêtes vers le site soient redirigées vers un seul fichier : index.php . Pour tester le résultat en ligne, entrez dans la barre d'adresse de votre navigateur. Vérifiez que le module rewrite est bien activé par Apache. LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so NOTE : Selon les distributions, la configuration d'Apache est souvent répartie dans plusieurs fichiers et vous devrez probablement suivre les directives Include jusqu'à ce que vous trouviez le bon. Sous Windows, la directive de chargement du module est un peu différente : LoadModule rewrite_module modules/mod_rewrite.so Les versions récentes d'Apache groupent toutes les directive LoadModule dans le répertoire /etc/apache2/mods_available . $ cd /etc/apache2/mods-enabled $ sudo ln -s .. Créez un dossier site0 dans /cms . NOTE : Ne tapez pas les numéros de ligne.