28173 sujets

CSS et mise en forme, CSS3

Separation à l'interieur de cadre

bonjour
je voudrais faire des separation a l'interieur de mes cadres (ex tableau)

#accueil1                                       {
                                                    width:92%;
                                                    float: right;
                                                    margin: 0 0 0 0;
                                                    }
                                             
#image img                                     {                                            
                                                    width:100px; 
                                                    height: 75px;
                                                    }


#accueil2, #accueil3, #image             {
                                                    width:92%;
                                                    float: right;
                                                    margin: 0 0 0 0;
                                                    }

#accueil1 td                                    {
                                                     width:15%;
                                                     text-align:center;
                                                     float: inherit;
                                                     margin: 0 0 0 0;
                                                     border-collapse:collapse; 
                                                     border: 5px ridge #c96;
                                                    }
                                       
#accueil2 td, #accueil3 td, #image td  {
                                                     width:10%;
                                                     text-align:center;
                                                     float: inherit;
                                                     margin: 0 0 0 0;
                                                     border-collapse:collapse;
                                                     border: 5px ridge #c96;
                                                     }
#menu                              {                 /* retour menu */
                                       clear: both;
                                       float:inderit;
                                       text-align:center;
                                       }

<body>
  <div id="global">

<div id="header">

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

</div>

  <h2>MAROLLES</h2>

<div id="image">
<table>
  <tr>
  <td><img src="marolles.jpg"></br>
       Accueil paroissial de Marolles</br>
       2bis, place de l'Eglise</br>
       91630 Marolles en Hurepoix</br>
       Tël. :01 69 14 80 22</td>
       </td>
  </tr>
</table>
</div>

<div id="accueil1">
<table> 
        <tr>
          <td>&nbsp</td>
          <td><b>Permanences d'accueil</b></td>
          <td><b>Messes du Week-end</b></td>
          <td><b>Messes de Semaine</b></td>
          </td>
        </tr>
</table> 
</div>
       
<div id="accueil2">
<table> 
        <tr>
          <td>Accueil paroissial de Marolles</br>
          01 69 14 80 22</td>
          <td>Samedi : 10h-12h</br>
          (Hors vacances scolaires)</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          </td>
        </tr>
</table> 
</div>
    
<div id="accueil3">
<table> 
        <tr>
          <td>Eglise de Marolles</td>
          <td>&nbsp;</td>
          <td>2e , 4e , 5e dimanche : 11h</td>
          <td>Jeudi : 9h (à l'oratoire de l'accueuil)</td>
          </td>
        </tr>
</table>
</div> 
    
<div id="menu">
   
      <a href="index.htm"><img src="menu.h2.gif"></a>
     
</div>
  
</div>

</body>


et je voudrais que mes cadres soit alligné à droite de mon image

je n'ai pas reussi à faire ce que je voulais mais voila ce que j'ai fais le probleme est que sa fonctionne sur ie et pas sur firefox mais sa fonctionne sur mon pc avez vous une idée

bonne journée

voir http://absalonp.free.fr ( en cliquant sur eglise Marolles)
Modifié par absalonp (03 Jun 2006 - 21:15)
Bonjour,

Bon, c'est un peu bizarre tout ça :

- tu précises "(ex tableau)" mais ils sont toujours là, inclus dans les div, j'ai du mal à suivre ta démarche. Quelle est ton idée de départ ?

- ta page n'est pas une page html conforme, tu as un tag <html> en trop

- ta page n'est pas valide XHTML Strict bien que ce soit le type de document que tu aies choisi, essaye de corriger ça.

Tes espacements viennent des tableaux justement car tu n'as pas initialisé leurs espacements internes. Pour les enlever, ajoute dans tes balises <table> les attributs cellpadding="0" et cellspacing="0".

@+ Smiley cligne
bonsoir
j'ai modifié mes codes sur le message d'origine, j'ai mis les codes comme je ils sont actuellement (css et html)
ce qui donne ce que j'ai sur le site.

Mais je prefererais que mes cadres soit collé .

à l'origine ce que je voulais faire s'est que mon img soit sur le coté gauche et qu'il y est un cadre global avec autant de separation(cases) que de <tr> sur la droite de l' img

mais bon si j'arrive à cole mes cadres c'est bon.

je m'excuse pour les explications peut etre pas tres clair mais je debute et ce que je fais c'est en surfan sur le site alsacreation et surtout avec le livre de Raphael qui me sert beaucoup
Modifié par absalonp (03 Jun 2006 - 21:35)
Sujet clos
Aller à