rss
Options Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[CSS] Cadre d'image O.o

dededede4, le samedi 17 mai 2008 à 15:04:59
Bonjour,

Se script css, le #corps du site aura juste en haux 140pixel de haug.gif.
Je voudrait savoir comment metre haug.gif sur tout les cotée de #corps.
Merci =). 

		#corps
			{
				margin-left:140px;
				margin-bottom:20px;
				padding:5px;
				
				color:#00000;
				background-color:#A3542B;
				background-image:url("img/haug.gif");
				background-repeat:repeat-x;
				
				border:0px solid black;
			}
Configuration: Windows Vista
Internet Explorer 7.0
Répondre à dededede4  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
beate, le samedi 17 mai 2008 à 15:14:36
Je crois que si tu lasisses tomber 
background-repeat:repeat-x;
dans ton code, l'image se répétera dans le sens de la largeur et de la hauteur...
   
Répondre à beate

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ricky38, le samedi 17 mai 2008 à 15:35:27
Salut,

au lieu de : 
background-image:url("img/haug.gif");
background-repeat:repeat-x;



essaie : 

border-image: url("img/haug.gif");
   
Répondre à Ricky38

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
dededede4, le samedi 17 mai 2008 à 15:45:28
x_x
C'est si bête...

Oki, nikel...
Je vais voir se que sa donne.

-Edit : C'est pas bon, il y a aucune image qui s'affiche sur les bord de #cord

Mais si je veux avoir une image différente en haux, en bas, a gauche, a droite ?
   
Répondre à dededede4

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ricky38, le samedi 17 mai 2008 à 15:54:45
ohhh pas parreil alors


essaie ceci: 


border-top-image:url(chemin de l'image);
border-bottom-image:url(chemin de l'image);
border-right-image:url(chemin de l'image);
border-left-image:url(chemin de l'image);
   
Répondre à Ricky38

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
dededede4, le samedi 17 mai 2008 à 17:05:22
Oo

Y'a rien qui s'affiche : 

#corps
			{
				margin-left:140px;
				margin-bottom:20px;
				padding:5px;
				
				color:#00000;
				background-color:#A3542B;
				border-top-image:url(img/haud.gif);
				border-bottom-image:url(img/basg.gif);
				border-right-image:url(img/haud.gif);
				border-left-image:url(img/basg.gif);

				
				
				border:0px solid black;
			}
   
Répondre à dededede4

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
beate, le samedi 17 mai 2008 à 20:58:46
Salut dededede4,
Je vois encore une possibilité: tu pourrais diviser ta page en plusieurs tableaux ou div, et attribuer à chacun un arrière-plan différent.
Genre 
<table><tr><td colspan="3" background:#A3542B url(img/haut.gif)></td></tr>
       <tr><td background:#A3542B url(img/gauche.gif)></td>
           <td>contenu</td>
           <td background:#A3542B url(img/droite.gif)></td>
       </tr>
       <tr><td colspan="3" background:#A3542B url(img/bas.gif)></td></tr>
</table>

Idem avec des div
   
Répondre à beate

7


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Al', le dimanche 18 mai 2008 à 09:55:00
Après une courte recherche sur le web, on se rend compte qu'apparemment la propriété border-image n'est pas encore implémentée sur les navigateurs, et qu'elle fait en fait partie de la prochaine évolution de CSS, le CSS3, qui n'est pas encore standard.

Donc pour l'instant, pas possible de mettre des images en bordures (dommage, ça m'aurait bien arrangé aussi^^).


Cela dit, il y a d'autres moyens de faire, en bidouillant avec les images de fond, les div etc...
Il y a aussi plein de sites qui expliquent comment faire, mais je n'en ai plus en tête.
   
Répondre à Al'

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 dededede4, le dimanche 18 mai 2008 à 11:36:53
Merci ;)
   
Répondre à dededede4
Posez votre question Répondre
Images/lien/hover/css (Résolu)Bonjour, comment fonctionne le principe en css des images qui servent de lien et qui sont doubles. je m'explique : xxxxxxxxxxxxxxx x image haut x xxxxxxxxxxxxxxx x image bas x xxxxxxxxxxxxxxx par défaut, on voit image haut. lorsque l'on... www.commentcamarche.net/forum/affich-4142572-images-lien-hover-css
Comment mettre un fond de page sur une CSS ? (Résolu)Bonjour, je suis en train de realiser un site et j ai defini une image de fond ma css. background-image:url() La manipulation marche qd j execute ma page ac firefox en local mais des je vais la visualiser en ligne, il n'y a pas l'image de... www.commentcamarche.net/forum/affich-3977287-comment-mettre-un-fond-de-page-sur-une-css
Probleme avec Back-ground en css ? (Résolu)Bonjour, Bonjour, je fais appel au pro du CSS mon image de fon ne veut pas apparaître, ni sous dreamweaver, ni avec notepad Le code css ci-joint est pourtant correct puisque donné par un pro Les deux fichiers xhtml et css fonctionnent bien puisque la... www.commentcamarche.net/forum/affich-7389140-probleme-avec-back-ground-en-css
Les CSS pour présenter vos imagesPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes... www.commentcamarche.net/faq/sujet-9100-les-css-pour-presenter-vos-images
Effets pour vos imagesAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus... www.commentcamarche.net/faq/sujet-9314-effets-pour-vos-images
HTML, CSS Entourer image avec texte,.... (Résolu)salut, comment placer du texte autour d'une image située au trois quart de la largeur du texte donc ni à droite ni à gauche. J'essaie les instructions ci-dessous.En effet le texte entoure l'image mais celle-ci se place à l'extrême... www.commentcamarche.net/forum/affich-2081186-html-css-entourer-image-avec-texte
[CSS] Aligner image en bas a droite (Résolu)Salut a tous ! Question bête, mais impossible d'afficher ceci correctement sous internet explorer (sous firefox, evidemment, ca marche...) www.commentcamarche.net/forum/affich-1784242-css-aligner-image-en-bas-a-droite
Css et image (Résolu)bonjour Je fais un site en xhtml et css et j'aimerai savoir s'il ai possible de faire une image clikable (ca oui c'est possible) mais de faire que grace au css quand on survol l'image c'est une autre image qui apparait???... www.commentcamarche.net/forum/affich-1830053-css-et-image
Télécharger GIMPGIMP (GNU Image Manipulation Program) est un logiciel de traitement d'image permettant de faire de la retouche photo comme de la composition artistique. Il s'agit d'un logiciel relativement puissant, utilisé parfois dans un cadre professionnel, au... www.commentcamarche.net/telecharger/telecharger-115-gimp
Télécharger BorderMaker Ajoutez un cadre photo à une image virtuel n'est pas évident. Alors pour faire simple, des programmes sont spécialisés dans cette tâche bien précise. Bordermaker est un outil permettant d'ajouter des bordures, des textes ou un effet de filigrane... www.commentcamarche.net/telecharger/telecharger-34055881-bordermaker
Télécharger Xenu's Link SleuthXenu's Link Sleuth est un logiciel permettant de vérifier les liens brisés d'un site web. La vérification est effectuée sur les liens cladssiques, les images, les cadres (frames), les pugins, les fonds d'écran, les feuilles de style, applet et... www.commentcamarche.net/telecharger/telecharger-3673511-xenu-s-link-sleuth
Toutes les réponses pour « [CSS] Cadre d'image O.o »