Développement web : php, css, html, javascript... - Blog de l'agence web STUDIO VITAMINE

CSS : MARGIN VS PADDING (MARGE EXTERNE ET MARGE INTERNE)

19/02/2009 à 17h59

Fabien BRANCHUT

Si vous ne connaissez pas la différence entre les 2 styles CSS margin et padding, je vous propose de vous expliquer leur utilité. Le style CSS margin permet de définir les marges externes d'un élément HTML(exemple : un conteneur comme une balise <div>), alors que le style CSS padding permet de définir les marges internes à un élément HTML. Dans mon exemple, je vais appliquer sur un calque une marge externe de 50 pixels (margin:50px;) et une marge interne de 50 pixels également (padding:50px;). Dans cet exemple, l

(...)

CSS : margin VS padding (marge externe et marge interne)

CSS : WHITE-SPACE OU COMMENT GERER LES ESPACES BLANCS

18/02/2009 à 13h26

Fabien BRANCHUT

Développement web

La propriété "white-space" est un style CSS intéressant puisqu'il vous permet de dire à votre navigateur comment il doit interpréter les "blancs" ou "espaces" entre les mots. Le style CSS white-space comprends 3 valeurs : normal : les blancs sont gérés normalement avec retour à la ligne nowrap : aucun retour à la ligne pre : le texte est affiché comme il est écrit dans le code source Voici un exemple : <html> <head> <style> .div1{ width:200px

(...)

CSS : white-space ou comment gerer les espaces blancs

LISTE DES GALERIES PHOTOS FLASH UTILISANT UN FICHIER XML

18/02/2009 à 11h47

Thomas OLIFIRENKOFF

Développement web

Voici une liste sympa avec des galeries flash xml. Elles ne sont malheuresement pas toutes gratuites. Les galeries payantes que j'ai listé reste à des prix relativement très bas. Une galerie photo flash vous permet directement importer vos photos à partir des fichiers .xml. Pour les utilisateurs de flickr, certains devraient trouver leurs bonheures dans cet article. Image Gallery V1 Une galerie photo flash xml gratuite avec une gestion des images classées par catégories. Défilement des images disponible. Prix : Gratuit FlAPI

(...)

Liste des galeries photos flash utilisant un fichier xml

PHP : CRYPTAGE PHP D'UNE CHAINE DE CARACTERE (ET DECRYPTAGE)

17/02/2009 à 17h47

Fabien BRANCHUT

Astuces web

Voici 2 petites fonctions PHP permettant le cryptage et le décryptage d'une chaine de caractère en PHP. Elles utilisent toutes les 2 les algorythme MD5 et BASE64. Ces fonctions sont pratiques pour le cryptage d'un mot de passe et son décryptage. Voici la fonction de cryptage PHP, elle prend comme 2 arguments en paramètre : la clé de cryptage et la chaine à crypter. <? // ----------------------------------------- // crypte une chaine (via une clé de cryptage) // ----------------------------------------- function crypter($maCleDeCry

(...)

PHP : cryptage php d'une chaine de caractere (et decryptage)

MENU AJAX : LISTE DE 13 MENUS DYNAMIQUES EN AJAX

17/02/2009 à 11h34

Thomas OLIFIRENKOFF

Développement web

Les tableaux en Ajax et Javascript avec des onglets deviennent un vrai effet de mode sur internet. Ils permettent d'afficher beaucoup de contenu avec un minimum de place. Les menus ajax sont très souvent utilisés sur les pages d'accueils des sites Web. Du simple au plus complexe d'utilisation, j'ai listé 13 menus dynamique en Ajax qui pour la plupart, proposent des fonctions différentes (Ajouter, Supprimer, Déplacer, Cacher...). Si vous connaissez d'autres menus ajax, php, CSS..., n'hésitez pas à nous envoyer les liens vers les pages. E

(...)

Menu AJAX : liste de 13 menus dynamiques en ajax

HTML : AFFICHER UN TABLEAU HTML

14/02/2009 à 19h30

Fabien BRANCHUT

Développement web

Les tableaux HTML sont prévus pour afficher des données. La structure d'un tableau HTML est composée au minimum de 4 balises différentes : la balise <table> : c'est le tableau lui-même la balise <tr> : c'est la ligne du tableau la balise <th> : c'est la cellule d'en-tête du tableau la balise <td> : c'est la cellule du tableau Par exemple, le code HTML ci-dessous : <table> <tr> <th>Poisson</th> <td>20 euros</td> <td>500 grammes</td> </tr> <tr>

(...)

HTML : afficher un tableau HTML

JAVASCRIPT : UTILISER LA METHODE DOCUMENT.GETELEMENTBYID

14/02/2009 à 16h34

Fabien BRANCHUT

Développement web

En javascript, savoir utiliser la méthode getElementById() de l'objet document est très pratique car elle vous permet d'accéder à un élément unique de votre page web facilement pour, par exemple, modifier le style CSS de l'élément, récupérer des informations sur l'élément, etc. Pour ce billet, je vais utiliser la méthode document.getElementById() pour : modifier le style CSS d'un div (ex : la couleur d'arrière plan) modifier la valeur d'un champ texte récupérer le

(...)

JavaScript : utiliser la methode document.getElementById

HTML : LISTE DES 3 DOCTYPES XHTML (TRANSITIONNAL, FRAMESET ET STRICT)

14/02/2009 à 10h27

Fabien BRANCHUT

Développement web

Voici un bref récapitulatif des 3 principaux "doctype xhtml". Ces doctypes pointent tous vers les DTD du W3C qui sont des fichiers permettant de décrire le modèle de votre page web. Concrétement, une DTD liste les noms des éléments (et de leur contenu) autorisés à apparaître dans votre page web. Le doctype est un simple petit bout de code qui doit se placer tout en haut de votre page web, avant la balise <html>. doctype xhtml TRANSITIONAL C'est le doctype XHTML 1.0 Transitional : <!DOCT

(...)

HTML : liste des 3 doctypes xhtml (transitionnal, frameset et strict)

CSS : POSITIONNER UN CALQUE (BALISE DIV) EN POSITION ABSOLUTE

13/02/2009 à 20h22

Fabien BRANCHUT

Astuces web

Savez-vous bien positionner un <div> en "position absolute", c'est à dire positionner un calque en dehors du flux HTML normal ? Sincèrement, je me suis longtemps pris la tête sur ce style CSS sans jamais vraiment bien comprendre comment cela fonctionnait réellement. Un jour, j'ai compris son fonctionnement par le plus grand des hasards : explication... Dans un premier temps, nous allons créer une page HTML avec 2 calques : calque n°1 (rouge) calque n°2 (vert) contenu dans le calque n°1 <html> <head>

(...)

CSS : positionner un calque (balise div) en position absolute

PHP : SUPPRIMER LES ACCENTS D'UNE CHAINE DE CARACTERES

12/02/2009 à 20h07

Fabien BRANCHUT

Astuces web

Une petite fonction PHP pour supprimer facilement les accents d'une chaine de caractères. Cette fonction PHP est utile pour, par exemple, générer une URL à partir d'un mot clé défini par l'utilisateur ou traiter une chaine de caractères à des fins particulières. Ainsi la chaine "L'Éléphant écarlate" donnera "L'Elephant ecarlate". <? function supprimerAccent($chaine){ $chaine = strtr($chaine,"ÀÂÄÇÈÉÊËÌ&

(...)

PHP : supprimer les accents d'une chaine de caracteres

Développement web : php, css, html...

CSS : MARGIN VS PADDING (MARGE EXTERNE ET MARGE INTERNE)

CSS : WHITE-SPACE OU COMMENT GERER LES ESPACES BLANCS

LISTE DES GALERIES PHOTOS FLASH UTILISANT UN FICHIER XML

PHP : CRYPTAGE PHP D'UNE CHAINE DE CARACTERE (ET DECRYPTAGE)

MENU AJAX : LISTE DE 13 MENUS DYNAMIQUES EN AJAX

HTML : AFFICHER UN TABLEAU HTML

JAVASCRIPT : UTILISER LA METHODE DOCUMENT.GETELEMENTBYID

HTML : LISTE DES 3 DOCTYPES XHTML (TRANSITIONNAL, FRAMESET ET STRICT)

CSS : POSITIONNER UN CALQUE (BALISE DIV) EN POSITION ABSOLUTE

PHP : SUPPRIMER LES ACCENTS D'UNE CHAINE DE CARACTERES