28173 sujets

CSS et mise en forme, CSS3

bonjour

j'ai fait de bordures au tour de mes <p></p> qui s'affiche bien sur ie mais pas sur firefox peut on m'aider?

on peut voir le resultat sur http://absalonp.free.fr en faisant un clic sur flashs

<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />




</head>


<body>

 <div id="global">

    <div id="header">

  <h1>Groupement Catholique de Brétigny</h1>

    </div>

  <h2>FLASHS</h2>


<div id="1">

  <table>
    
    <tr>
      <td><p><b>A L’HORIZON FEU DE LA ST JEAN</b> fête paroissiale, samedi 24 juin; à 18h15
        messe d’action de grâce pour l’année; 19h30 apéritif –
        barbecue géant; spectacle de clowns (pour tous, petits et grands)</p></td>
    </tr>
  </table>
  
</div>  

<div id="2">
  
<table>
    <tr>
      <td><p><b>EVEIL À LA FOI</b>: dimanche 11 juin les enfants de Marolles accueilleront les
        enfants des autres paroisses à 10h45 sur le terrain du presbytère de
        Marolles; à 12h 30 pique nique, fin de notre rencontre
        à 16h.</p></td>
      </td>
    </tr>
  </table>

</div>
  
<div id="3">
  
<table>
    <tr>
      <td><p><b>SPIRITUAL</b>: été notre agenda pour la période estivale prend forme.
        Il reste encore une dizaine de jours à illustrer … Vous pouvez
        toujours vous inscrire sur le panneau au fond de l’église St
        Paul ! Si vous l’avez déjà fait, merci d’adresser votre
        contribution écrite (format A 5 vertical) au secrétariat de Secteur ou
        à <a href="mailto:secteurcathobretigny@free.fr">secteurcathobretigny@free.fr</a>
        à l’intention de J.-L. DUCHÊNE.</p></td>
     </td>
    </tr>
  </table>
  
</div>

<div id="4">
  
<table>
    <tr>
      <td><p><b>EQUIPE ANIMATRICE</b>: mardi 30/05 à 20h30 au presbytère de Saint Vrain</p></td>
    </tr>
  </table>

</div>

<div id="5">

<table>
    <tr>
      <td width="100%"><p><b>EVEIL À LA FOI</b>: dimanche 4/06 à 11h à Saint Vrain pour les enfants de 3 à 7
        ans.</p></td>
    </tr>
  </table>

</div>

<div id="6">

<table>
    <tr>
      <td><p><b>CALENDRIER DES MESSES</b>: (et des baptêmes) dans les villages pour 2006-2007: réunion
        ouverte à tous (équipes animatrices, liturgiques….) mardi 30 mai à
        20h30, salle paroissiale de Marolles</p></td>
    </tr>
  </table>
 
</div>

 </br>
 </br>
 
<p align="center"><a href="index.htm"><img border="0" src="menu.h2.gif" width="75" height="40"></a></p>

 </br>
 </br>

</div>

</body>


</html>


body                                   {
                                       margin:0;
                                       padding:0;
                                       background: white;
                                       color: black;
                                       font-size: 0,5em; 
                                       }
     
p                                      {
                                       margin:0 0 1em 0;
                                       }
                                       

#header                                {
                                       height: 60px;
                                       width: 1004px;
                                       background: #ffffff url(crucifixiones.jpg) top left no-repeat;
                                       }                               

#header h1                             {
                                       margin:0;
                                       color: white;
                                       text-align:center;
                                       }
                                       
h2                                     {
                                       text-align:center;
                                       }
                                       
h3                                     {
                                       text-align:center;
                                       }

#1                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }

#2                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }

#3                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }

#4                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }  

#5                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }

#6                                     {
                                       width:92%;
                                       margin:0 0 1% 4%;
                                       border-width:5px;
                                       border-style:ridge;
                                       border-color:#CC9966;
                                       }


#global                                {
                                       margin: 0;
                                       width: 1004px;
                                       background-color:#666600;
                                       }
          
#gauche                                {
                                       margin: 0;
                                       padding: 0;
                                       float: left;
                                       width: 197px;
                                       color: white;
                                       }
                                       
#Messes                                {
                                       margin-top: 0;
                                       padding: 0;
                                       float: right;
                                       width: 203px;
                                       background: url(PAPE-RATZINGER.jpg) center top no-repeat scroll;
                                       color: #000000; 
                                       }
                                       
#Messes p                              {
                                       margin: 0 0 1em 0;
                                       float: right;
                                       }
                                       
                                       
#secret                                {
                                       margin:0;
                                       padding:0;
                                       float: left;
                                       width: 197px;
                                       background-color:#FF33FF;
                                       color: #000000; 
                                       }
                                    
#gauche p                              {
                                       margin-left:0;
                                       text-align:center;
                                       }
                     
#gauche ul                             {
                                       margin:0 0 0 0;
                                       }
                       
#gauche li                             {
                                       list-style-type:none;
                                       margin:0 0 0 1em;
                                       }
                       
#gauche li a                           {
                                       color: white;
                                       text-decoration: none;
                                       
                                       }
                           
#gauche li a:hover                     {
                                       text-decoration: underline;
                                       color:orange;
                                       }
                                       
#contenu                               {
                                       margin-left: 197px;
                                       margin-right: 203px;
                                       background-color:#eaeae9; 
                                       }
                                       
#contenu p                             {
                                       margin: 0 0 0 0;
                                       }
                                       
#contenu table                         {
                                       margin-top: 0px;
                                       color:#000000;
                                       }
                                       
#renseignements p                      {
                                       margin: 0 0 0 0;
                                       color: #000000;
                                       text-align:center;
                                       }
                                       
#pied                                  {
                                       clear: both;
                                       width: 1004px;
                                       margin:-1px;
                                       text-align: center;
                                       }

Modifié par absalonp (29 May 2006 - 17:42)
Foulaaa... tu te compliques beaucoup la vie Smiley smile


p {
margin:0 0 1em 0;
border: 5px ridge #c96;
}


Ca donnera, je pense, le résultat escompté.
bonsoir

j'ai copie border:
border: 5px ridge #c96;
dans #1 à #6 car si je le met dans p j'aurais des bordures dans toutes mes pages du site mais sa fonctionne toujours sur ie et pas avec firefox