Titre: inclusion de box dans une box
Posté par: mikacruz le le 03-05-2008 a 02:16:12
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 ! |
Titre: Re:inclusion de box dans une box
Posté par: Izanagi le le 04-05-2008 a 10:00:58
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>
|
Titre: Re:inclusion de box dans une box
Posté par: mikacruz le le 04-05-2008 a 11:55:15
| ca a lair de marcher.. :-) merci Izanagi et bonne journee!!! |
Titre: Re:inclusion de box dans une box
Posté par: Izanagi le le 04-05-2008 a 12:58:21
| Pour éviter que ton texte ne vienne se coller aux bords du cadre, rajoute un "padding: 5px;" |
Titre: Re:inclusion de box dans une box
Posté par: mikacruz le le 04-05-2008 a 13:36:28
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 ;-) |
Titre: Re:inclusion de box dans une box
Posté par: Izanagi le le 04-05-2008 a 13:51:48
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 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|