La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  inclusion de box dans une box
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: inclusion de box dans une box  (Lu 931 fois)
inclusion de box dans une box
« sur: le 03-05-2008 a 02:16:12 »
mikacruz
Membre récent
*

Hors-Ligne

Messages: 4



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Bonjour,
Je galere un peu (beaucoups meme). jessaye de faire des boxes pour chaque paragraph de mon contenu principal pour y mettre dans chacune un bg image, sur  www.sacred-egypt.com pour que ca ressemble a ca www.sacred-egypt.com/desired
merci pour votre aide !

« Dernière Édition: le 03-05-2008 a 02:17:45 par mikacruz » Rapporter au modérateur  

Re:inclusion de box dans une box
« Répondre #1 sur: le 04-05-2008 a 10:00:58 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Essaie de mettre un background dans ta balise <p>

ex: <p style="background-image: url(images/bgr.gif);"></p>

tu peux aussi rajouter un bord dans une couleur plus claire ou plus foncée :

ex: <p style="background-image: url(images/bgr.gif); border: #couleur solid 1px;"></p>

Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:inclusion de box dans une box
« Répondre #2 sur: le 04-05-2008 a 11:55:15 »
mikacruz
Membre récent
*

Hors-Ligne

Messages: 4



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

ca a lair de marcher.. :-) merci Izanagi et bonne journee!!!

Rapporter au modérateur  
Re:inclusion de box dans une box
« Répondre #3 sur: le 04-05-2008 a 12:58:21 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Pour éviter que ton texte ne vienne se coller aux bords du cadre, rajoute un "padding: 5px;"

Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:inclusion de box dans une box
« Répondre #4 sur: le 04-05-2008 a 13:36:28 »
mikacruz
Membre récent
*

Hors-Ligne

Messages: 4



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

javais essaye mais tout le texte du content bougait, donc tout ce qu'il y avait en dessous. C'est tout regis par le CSS suivant.
}
p {
   display:block;
   color:#000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 8px;
   padding-left: 0px;

je sais pas comment faire pour modifier  seulement le paragraph avec background image, car dans le code de ma page html, je trouve pas ce "p" . A moins que ca corresponde a tout ce qu'il y a dans les balises <p>?  je suis plutot novice et galere pas mal mais bon a part ce detail et un autre je crois que jai presque fini. En tout cas merci a toi et jespere que tu vis bien de ton savoir ;-)

Rapporter au modérateur  
Re:inclusion de box dans une box
« Répondre #5 sur: le 04-05-2008 a 13:51:48 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Tu as essayé ceci ?

p {
  display:block;
  color:#000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 5px;
}

Tu peux y rajouter aussi :

text-align: justify;

et retirer dans ton tag <p> "align: justify"

Je vois que tu as un paddin inférieur et supérieur dans ton premier paragraphe, il faut juste en rajouter a droite et a gauche la ou le texte est collé aux bords.

J'ai tout rassemblé en un seul padding et j'ai mis la valeur 5px pour que ce soit égal partout

« Dernière Édition: le 04-05-2008 a 13:52:22 par Izanagi » Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg