Encadrement page web - HTML/CSS - Programmation
Marsh Posté le 11-11-2007 à 17:22:49
En CSS :
body {border:10px solid red}
Marsh Posté le 11-11-2007 à 17:29:48
Ok, c'est si simple que ça ? Je vais essayer ! Et pour des autres couleurs ?
Merci !
Marsh Posté le 14-01-2008 à 11:20:43
Bonjour,
Je souhaiterais mettre ceci tout autour d'une page :
Comment faire ?
Marsh Posté le 14-01-2008 à 12:44:49
suicide toi
de rien
Marsh Posté le 14-01-2008 à 18:51:53
Mettre une bande d'image sur le contour d'une page n'est pas encore possible en CSS. En tout cas en CSS2 que supporte les navigateurs actuels.
On peut cependant faire un petit bricolage pour arriver a se rapprocher de l'effet souhaité sans que cela soit lourd au niveau du code.
Une solution possible pourrait etre :
1. de définir le coeur comme background de l'élément html du document
2. définir des marges de 16 pixels pour que l'element body soit a 16 pixels (c'est la taille de ton image coeur) du bord de l'element html.
3. appliquer a l'element body un background-color blanc par exemple pour ne pas voir le background de coeur qui se trouve derriere.
ca donnerai ca rapidement :
Code :
|
Ca c'est la maniere propre de le faire ... mais qui malheureusement est un a peu pres.
Pour que le resultat visuel soit exactement ce que tu attends tu vas devoir jouer avec des divs par exemple que tu palceras en absolute. Enfin je te laisse chercher : tu as encore le temps, la saint valentin est dans un mois
Marsh Posté le 14-01-2008 à 19:31:45
Tu peux également faire un truc comme ca :
Creer une zone d'affichage centrée a l'ecran (le body). Cette zone d'affichage aura une taille fixe.
Tu appliques le background de coeur a cette zone.
Tu crées ensuite une zone de texte a l'interieur de cette premiere zone d'affichage. Ce sera un div.
Ce div sera placé a 16 pixels des bord de la zone d'affichage dans laquelle il se trouve.
Pour que l'effet soit beau, il va etre necessaire de refaire ton gif ! Il faudra que ton gif commence par un coeur entier. Actuellement ton premier coeur est coupé en deux ! Une fois que tu auras fait ton nouveau coeur de 16x16 entier et animé tu pourras le mettre en fond pour que l'effet soit, esperons le, celui que tu recherches.
Code :
|
Marsh Posté le 02-08-2012 à 15:33:15
Pour faire des bordure simple //www.w3schools.com/css/css_border.asp
Pour les images : background-image: url(nomdelimage.format) sans oublier le chemin de l'image
Marsh Posté le 02-08-2012 à 22:28:42
moi ce que je trouve drole c'est ta reaction 4 ans apres
Marsh Posté le 11-11-2007 à 17:19:15
Bonjour,
Je voudrais savoir comment je pouvais faire pour avoir un cadre tout autour d'une page. Comme ceci :
Comment puis-je le faire ?
Merci