Background avec Bordure en Image Bouton_activeBackground avec Bordure en Image Bouton_hoverBackground avec Bordure en Image Fb-hoverBackground avec Bordure en Image Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Background avec Bordure en Image EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Background avec Bordure en Image EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Background avec Bordure en Image EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Background avec Bordure en Image EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Background avec Bordure en Image EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Background avec Bordure en Image EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Background avec Bordure en Image EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Background avec Bordure en Image EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

Partagez
 

Background avec Bordure en Image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
Bonjour à tous,
Je me retrouve face à un problème assez conséquent. J'aimerais de l'aide de la pars de CSS Actif. J'aimerais réaliser une boite où les bordures sont des images. J'ai déjà réalisé les images, mais je me trouves face à un dilemme: Le positionnement. Pour voir où j'en suis Cliquez Ici. Vous trouverez le code en regardant le Code Source de la page (clique droit).
J'espère pouvoir avoir une réponse car je pense que cela peut intérésser beaucoup de gens.
A Bientôt, Ketsuka.
MessageSujet: Background avec Bordure en Image   Background avec Bordure en Image EmptyDim 27 Mai 2012, 14:37
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Background avec Bordure en Image Empty
Salut,

Ce serait plus simple de n'avoir qu'une seule image de fond et d'ensuite positionner ton texte Smile
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyDim 27 Mai 2012, 14:52
Revenir en haut Aller en bas
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
Oui, je sais.
Sauf que je voudrais que la boite puisse être déformable à souhait car j'en ai besoin à plusieurs endroit Wink
Je sais que la pratique que je souhaite utilisé est régulière chez les webdesigners.
J'ai eu l'occasion d'en voir sur des sites et cela est très beau Smile
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyDim 27 Mai 2012, 15:06
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Background avec Bordure en Image Empty
Avec une largeur fixe, tu devrais pouvoir y arriver avec trois images : le haut, le milieu (qui va se répéter horizontalement en fonction de la hauteur), et le bas. Smile

Dans le code que tu as déjà fait, cela reviendrait à mettre les images en fond des tr respectifs (header, content, footer).

En une seule div, tu peux aussi essayer d'appliquer un background multiple (CSS3).
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyDim 27 Mai 2012, 16:51
Revenir en haut Aller en bas
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
Voilà quelque chose qui va beaucoup m'aider, Merci!
Cependant, je voudrais que la largeur soit modulable également.
J'avais déjà pris en compte, mais le placement est toujours est un problème.
Je vais y travailler aujourd’hui, normalement.
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyLun 28 Mai 2012, 05:57
Revenir en haut Aller en bas
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



Background avec Bordure en Image Empty
Sinon en css on peut directement mettre une image en tant que bordure avec border-image. Il faut par contre une seule image sur laquelle on prend les bordures avec le css.
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyLun 28 Mai 2012, 06:00
Revenir en haut Aller en bas
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
C'est une piste à explorer, mais j'ai l'impression que cela va finalement être plus difficile et moins fiable.
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyLun 28 Mai 2012, 06:10
Revenir en haut Aller en bas
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



Background avec Bordure en Image Empty
Je vois pas comment, le css adapte l'image en hauteur/largeur ce qui est difficile à faire avec un tableau html (à moins de bricoler avec des background image en repeat).
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyLun 28 Mai 2012, 06:15
Revenir en haut Aller en bas
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
Voilà, en utilisant les multiples backgrounds je me rapproche assez du résultat souhaité.
Manque à gérer les débordements par rapport aux coins ^^"
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptyLun 28 Mai 2012, 10:42
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Background avec Bordure en Image Empty
Hello Ketsu !
Ton sujet est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, le problème sera considéré comme résolu et archivé.
Merci de ta compréhension. Smile
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptySam 02 Juin 2012, 10:04
Revenir en haut Aller en bas
http://sapientian.com/
Ketsuka
Ketsuka
{ Membre }
{ Membre }

Féminin Messages : 74



Background avec Bordure en Image Empty
Désolé du manque d'actualisation.
Finalement, je n'ai pas de trouvé de réelle solution.
Je préfère alors devoirs utiliser une seule image en fond.
Vous pouvez donc archiver ou fermer ce sujet.
Merci de l'aide apportée! Vraiment! A Bientôt
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptySam 02 Juin 2012, 10:12
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Background avec Bordure en Image Empty
Pas de souci Ketsu, merci d'avoir répondu.
A très vite sur le forum !

J'archive.

MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image EmptySam 02 Juin 2012, 10:18
Revenir en haut Aller en bas
Contenu sponsorisé




Background avec Bordure en Image Empty
MessageSujet: Re: Background avec Bordure en Image   Background avec Bordure en Image Empty
Revenir en haut Aller en bas
 

Background avec Bordure en Image

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Background image
» banner as a background image
» Background image qui ne s'affiche pas... [Problème résolu ^^]
» Bordure image infobulle
» Image en bordure [Résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com