div extensible en image

par **jojolapine** » 12 déc. 2006, 16:37

juste pour signaler que j'ai mit une petite fonctionnalité en plus pour démontrer qu'ils sont bien extensibles mes divs, essaye de cliquer sur les coins en bas à gauche et tu verras

par **jojolapine** » 11 déc. 2006, 21:03

t'inquiète, depuis le temps que je regarde tout ça, je sais que c'est adaptable, mais j'ai la main en javascript sur mes hauteurs et largeur... c'est tout moi qui décide!

par **artotal** » 11 déc. 2006, 20:54

s'agrandir comme tu l'as fais et s'adapter à la résolution de l'écran par ailleurs.
Mais se que tu as fait est parfait pour du drag and up, sa me laisse envisager beaucoup de possibilité.

par **jojolapine** » 11 déc. 2006, 20:34

qu'entends tu par faire les deux?

par **artotal** » 11 déc. 2006, 20:28

je n'avais pas compris.
mais tu peux faire les deux. (sa existe)
http://creatif-web.be/marguerite/

par **jojolapine** » 11 déc. 2006, 20:25

c'est pas le but !
le but c'est que ce soit un div extensible pour changer le design d'une application telle que celle-ci: http://momche.net/res/notes/
comme chaque note est redimensionable, il faut que ça fonctionne avec toutes les tailles

Edit: tu remarqueras que les codes de chaque div est identique, il y a seulement un div qui entoure ceux-ci et force la largeur...

par **artotal** » 11 déc. 2006, 20:20

Sa ne s'adapte pas à l'écran ?

par **jojolapine** » 11 déc. 2006, 18:28

Bon après moultes déboires, me voici avec une version pas optimisée, mais qui fonctionne, pour la démo c'est içi:
http://puffins.fr/roundedcorner/essai.html
voilà merci à vous pour tout les liens

par **Ajoloca** » 23 nov. 2006, 23:21

Re,

Désolé, je l'ai copié directement des mes 'liens utiles' sans vérifier.

par **jojolapine** » 23 nov. 2006, 23:18

merci à toi ajoloca, le deuxième lien ne marche pas (n'a plus de contenu), mais dans le premier y a tout ce qu'il faut..!
à si ça marche, c'était la mauvaise adresse: http://css-discuss.incutio.com/?page=RoundedCorners

par **Ajoloca** » 23 nov. 2006, 21:11

Bonjour,

Un coup d'oeil sur cette page http://articles.e-t172.net//round/ peux t'aider.

EDIT :

Celui-ci aussi (en anglais) http://css-discuss.incutio.com/?page=RounderedCorners

par **artotal** » 23 nov. 2006, 20:56

le problème c'est pour écrire du texte par dessus cet effets spécial.
Tu ne pourra résolument qu'utiliser le positionnement "absolute".
Autrement c'est possible qu'en image.
Donc si tu as du dynamisme, c'est chocolat...

par **artotal** » 23 nov. 2006, 20:50

ha oui dsl ce n'est qu'en largeur, j'avais mal lu, mais l'exemple que tu donnes aussi.
Là c'est plus complexe du moins avec image, n'espère pas trouvé des tuto, je me suis casser les dents sur de problème, quoi que...

par **artotal** » 23 nov. 2006, 20:49

tu n'as pas compris.
tu as trois images dans mon cas, toutes de même hauteur
1/ à gauche
2/ au centre de 1px de largeur répété en x, qui est en background
3/ à droite, qui elle se déplace en fonction de ton conteneur, qui lui s'adapte à la largeur de la fenêtre.
la 1 et la 3 sont au dessus de la deux.
Donc dans toshop tu dois construire d
tes images en fonction de sa ( tu les fais le plus petit possible) et tu gagne 50% en poids.

par **jojolapine** » 23 nov. 2006, 20:35

c'est gentil, mais ton div n'est extensible qu'en largeur, non ?
j'ai peut-être mal compris

div extensible en image

Répondre

Étendre la vue Revue du sujet : div extensible en image