La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  probleme de padding ?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: probleme de padding ?  (Lu 799 fois)
probleme de padding ?
« sur: le 21-06-2005 a 12:04:49 »
supercanard
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 28



Je suis un amal !

Voir le Profil
Répondre avec citation

Salut

Je crois que j'ai un probleme de padding ou de centrage. J'ai essayé des tonnes de solutions mais j'ai toujours un décallage...

http://eyesbutterfly.com/depot/Untitled-2.htm

#bloc1 {
   background-color: #00CCCC;
   padding:5px;
   border:0px;
   height: 300px;
   width: 300px;
   margin-left:auto;
   margin-right:auto;
}
#bloc2 {
   background-color: #FFFFFF;
   padding: 0px;
   border:0px;
   height: 290px;
   width: 290px;
   margin:0px;
}

je comprends vraiment pas ou est le probleme

Rapporter au modérateur  

Re:probleme de padding ?
« Répondre #1 sur: le 21-06-2005 a 18:28:43 »
OKKO
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 645



Gueulard Deluxe - Disponible à 25% -

Voir le Profil    WWW
Répondre avec citation

quel est le résultat souhaité ?

Rapporter au modérateur  

" Le raffinement est chose froide "
Re:probleme de padding ?
« Répondre #2 sur: le 21-06-2005 a 19:41:08 »
follenn
P'tit nouveau
**

Hors-Ligne

Sexe: Femelle
Messages: 115



Je suis un lama! Et toi?

Voir le Profil
Répondre avec citation

Tu as imbriqué tes blocs, quand tu en descends un, l'autre suit.

J'imagine que tu veux que ton fond blanc soit centré sur ton fond turquoise, le but serait de faire un cadre turquoise autour d'un fond blanc.
Essaie plutôt ça:
<style type="text/css">
<!--
html,body {
margin:10px;
}
#bloc {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
height: 300px;
width:300px;
border: 5px solid #00CCCC;
}
-->
</style>

et tu ne gardes qu'une div en html:
<body>
<div id="bloc">
Test, test , 123 et plus et moins
</div>
</body>


EDIT: si tu tiens à garder ta solution, c'est le padding du bloc1 qu'il faut changer, vu que c'est lui qui détermine la marge interne, mets:
padding-top:10px;
padding-left: 10px;

« Dernière Édition: le 22-06-2005 a 13:31:11 par follenn » Rapporter au modérateur  
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