Commentaires sur : [tuto web] cadre avec bordures extensibles valide xhtml/css

Par : Méli

Méli — Tue, 17 Feb 2009 11:06:52 +0000

oki ! Sinon dernière question je dois découper les bordure de la même façon que dans le tutoriel ? Je veux dire découpe par petit morceaux ou je les découpes tels quelles sont sur l’image ?

Par : Antoine

Antoine — Tue, 17 Feb 2009 10:50:52 +0000

Et bien en suivant ce tutoriel

Par : Méli

Méli — Mon, 16 Feb 2009 19:35:54 +0000

Bonsoir,
J’ai créer un design pour mon site et il y a des bordures mais pas comme dans le tuto : (voila l’image du site)
http://www.section-kaotik.be/test/site.jpg

Comment puis-je faire pour intégrer mes bordures pour quelles soient extensible ?

Par : Antoine

Antoine — Tue, 03 Feb 2009 12:34:18 +0000

Bonjour,
il faut bien que tu dissocies tout les aspects de la programmation web. Ce que tu vois dans le navigateur est en XHTML+CSS. Les effets que tu vois dans to nnavigateur sont dus à javascript. Tandisque les actions que tu ne vois pas (traitement de formulaire etc) sont fait sur le serveur en php.

Ici je propose une structure de cadre en xhtml+css qui est extensible via javascript. Pas de php ici

A bientôt

Par : angie_tresor

angie_tresor — Tue, 03 Feb 2009 08:21:10 +0000

Bonjour,
Je viens de commencer avec PHP. Je suis vraiment « nulle » là dedans, j’y comprends rien. Heureusement que je suis « tombée » sur cette page, quelle chance! J’en ai vraiment besoin. seulement, j’ai une « grande » petite question: est-il possible de créer une fonction pour la création d’un cadre extensible?
merci beaucoup de me répondre! je patiente largement!

Par : Antoine

Antoine — Tue, 20 Jan 2009 22:25:52 +0000

Merci patrick d’avoir poster ta solution cela sera surement utile à d’autres personnes
N’hesites pas a repasser par ici, bonne continuation
Antoine

Par : Patrick

Patrick — Sun, 18 Jan 2009 18:45:55 +0000

Merci Antoine,
Après plusieurs jours de recherche personnel et sur le Web, voilà une méthode simple et efficace pour réaliser des cadres arrondis extensibles. Une seule critique : la méthode ne permet pas d’utiliser des images gif pour exploiter la transparence.
J’ai adapté la solution d’Antoine pour rendre possible l’utilisation des gifs que je vous livre ici à titre d’exemple :

Cadres arrondis

body {
font-family: »Lucida Grande »,Arial,Verdana,sans-serif;
font-size:12px;
font-style:normal;
font-size-adjust:none;
word-spacing:1.5px;
line-height:15px;
background-color: #A1EEDA;
}

/*————————————————– CADRE */

.cadre{
border:1px solid yellow;
position:relative;
width:300px;
}
.cadre div{
position:relative;
}
.content{
top:-50px; /* top = – hauteur d’un coin */
border:1px solid black;
padding:6px;
}

#TL{
position:absolute;
background:url(images/TL_vert.jpg) left top no-repeat;
top:0; left:0;
height:50px; width:50px;
}
#TR{
position:absolute;
background:url(images/TR_vert.gif) top right no-repeat;
top:0; right:0;
height:50px; width:50px;
}
#BL{
xborder:1px solid blue;
position:absolute;
background:url(images/BL_vert.gif) bottom left no-repeat;
bottom:0; left:0;
height:50px; width:50px;
}
#BR{
xborder:1px solid blue;
position:absolute;
background:url(images/BR_vert.gif) bottom right;
background-repeat:no-repeat;
bottom:0; right:0;
height:50px; width:50px;
}

#L{
margin-top:50px; margin-bottom:50px;
background:url(images/L_vert.gif) center left repeat-y;
}
#R{
background:url(images/R_vert.jpg) center right repeat-y;
}
#T{
top:-50px;
margin-left:50px; margin-right:50px;
background:url(images/T_vert.jpg) top repeat-x;
}
#B{
top:100px; /* 2 x 50px */
background:url(images/B_vert.jpg) bottom repeat-x;
}

Le début

Mon texte ici : Hello worldMon texte ici : Hello worldMon texte ici : Hello world
Mon texte ici : Hello worldMon texte ici : Hello worldMon texte ici : Hello world
Mon texte ici : Hello worldMon texte ici : Hello worldMon texte ici : Hello world
Mon texte ici : Hello worldMon texte ici : Hello worldMon texte ici : Hello world

et la suite…

Par : Antoine

Antoine — Tue, 28 Oct 2008 09:28:51 +0000

Salut Jerry,
en effet si tu veux que tes cadres aient le même comportement certains id devront être transformés en class. Dans d’autres cas (http://cv.antoine-guiral.fr) chaque cadre devra avoir ses propres id (bien que certain éléments aient le même comportement et pourraient être « classifié »).

Par : Jerry Wham

Jerry Wham — Tue, 28 Oct 2008 08:54:53 +0000

Bonjour,

Pour pouvoir utiliser le code plusieurs fois dans la même page, ne vaut-il pas mieux utiliser des classes plutôt que des index?
Sinon, merci pour ce tuto.

Par : Guiral antoine

Guiral antoine — Wed, 12 Mar 2008 23:16:12 +0000

Salut,
je viens d’aller voir! Très bien!

Tes cadres avec les bordures de différentes epaisseur rendent très bien vraiment!

Je fais faire un tuto sur la façon de faire des coin arrondi grâce à jQuery.

Bonne continuation et à bientôt sur ce blog j’espere