Css ...

Résolu
ixce Messages postés 51 Statut Membre -  
RAD ZONE Messages postés 5362 Statut Contributeur -
Bonsoir/jour,
je mets actuellement en ligne le site www.generationbeton.com.
seulement le css ne sapplique sur un div,la partie actualites, a droite...voyez, si vous pouvez maider, perso je ne vois pas
.
merci
Configuration: Windows Vista
Firefox 3.0.3

2 réponses

  1. jmg78
     
    on peut connaitre CSS , HTML etc .. et n' avoir aucun talent pour les devinettes peux tu preciser un peu plus
    relis toi est ce que tu comprendrais avec ce genre d infos
    0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SALUT

    la mise en page par table est pour moi quelque chose d incomprehensible !! ;-))

    mais bon ;-) alors voila ton css et surtout ton code html genere corrige et valide W3C et plus de decalage sur IE 7!! j ai juste laisse 2 tr vide pour ne pas trop t embrouiller puisque tu utilise des table pour ta mise en page !! 

    /*
gris:#e1e1e1
vert:#D4E14B
marron:#7D3F02
*/

/* G E N E R I Q U E */
div{
border:dotted green 1px;
}

#table{}

tr{
border-collapse:collapse;
border:solid red 1px;
}
td {
border-collapse:collapse;
border:solid red 1px;
}
th{
background-color:#7D3F02;
color:#D4E14B;
}
img{
border:none;
}

body{
background-color:#e1e1e1;
margin:auto;
color:#7D3F02;
width:1030px;
font-family:lucida sans unicode, arial, serif;

}
/*A C C U E I L*/
.vide{
width:150px;
height:100%;
border:solid #e1e1e1 0px;
background-color:#e1e1e1;
}
#b{
background-color:white;
height:150px;
width:125px;
top:10px;
}
#ban{
background-image:url("./images/logo_gb_600x150.jpg") ;
background-repeat:no-repeat;
background-position:center;
background-color:#D4E14B;
height:150px;
width:650px;
margin :0px 25px;
}
#arobase{
font-size:10px;
color:white;
text-align:right;
}
#vert{
background-color:#d4e14b;
min-height:600px;
width:125px;
height:100%;
margin:0px 0px 0px 25px;
/*empty-cells:show;*/
color:blue;
}
#marron{
min-height:600px;
height:100%;

background-color:#7D3F02;
width:125px;
color:#d4e14b;
margin:0px 25px 0px 0px;
}

#conclusion
{
height:12px;
font-size:10px;
text-align:center;
color: #e1e1e1;
background-color:#7d3f02;
margin-top:25px;
margin :0px 25px;
}

/* M E N U*/
dd{
list-style-type: none;
bottom:-5px;
display:inline;
text-align:center;
/*border:blue 1px solid;*/
font-weight:bold;
height:30px;
left:0px;
}

dt, dl, ul, li {
list-style-type: none;
display:inline;
font-size:15px;
padding:0px;
}

#menu {
/*background-image:url("./images/menu_333x40.jpg");*/
position : relative;
width:100%;
text-align:center;
height:40px;
color: #7D3F02;
text-align:center;
/*border:blue 1px solid;*/
}

#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color:white;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
position: absolute;
width:100%;
left:-30px;
}

/* I N C L U D E*/
#coeur{
background-image:url("./images/logo_b_600x600.jpg") ;
background-repeat:no-repeat;
background-position:center;
background-color:white;
height:600px;
/*height:100%*/
width:650px;;
border:solid #e1e1e1 1px;
font-size:15px;
margin:0px 25px;

}

.accueil{
padding:20px 50px;
}

#rapide{
text-align:right;
font-size:10px;
height:100px;
}

#adresse{
height:100px;
vertical-align:bottom;
font-size:10px;
/*margin-top:50px*/
}
a 
{text-decoration:none;
color:#D4E14B;
}

#actu{
font-size: 1em;
height:550px;
width:125px;
vertical-align:top;
text-align:center;
color: #7D3F02;
font-family: sans-serif;}

#vert_marge{
height:10%;
min-height:300px;
border:solid 0px #D4E14B;

}

#logo{
height:50px;
padding:00px;
vertical-align:bottom;
color:white;
font-size:10px;
}


/*C R E A T I O N S*/
.creations{
text-align:center;
/*border:red 1px solid ;*/
}
#menu_creation{
border:solid 0px #D4E14B;
height:400px;
}

#diapo_php{
height:70px;
text-align:center;
}

#photo{
height:400px;
padding: 0px 100px;
}

#texte{
height:50px;
padding:10px 50px;
width:100%;
}

#diapo_js{
padding:0px 100px;
height:60px;
}
div#wn	{ 
    position:relative; 
    width:500px; height:100px; 
    overflow:hidden;	
	}
.grand{
height:100%;
}
/* G E S T I O N*/
#gestion_actualites{
font-size:10px;
height:150px;
width:700px;
vertical-align:top;
text-align:center;

}
#gestion_creations{

}


    HTML 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">     
  <head>       
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />         
    <meta name="generator" content="PSPad editor, www.pspad.com" />         
    <title>generation beton          
    </title>         
    <link href="style_site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//<![CDATA[
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
        for (var i = 1; i<=10; i++) {
                if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
        }
if (d) {d.style.display='block';}
}
//-->
//]]>
</script>     
  </head>     
  <body>         
    <table width="1000px">             
      <tr>                 
        <td width="150px" height="150px">                     
          <div id="b">                         
            <img src="./images/logo_b_150x131.jpg" alt=":)" width="125px" />                     
          </div></td>                 
        <td colspan="4" height="150px">                     
          <div id="ban">                     
          </div></td><td>                     
          <div id="arobase">franck@generationbeton.com                      
          </div></td>             
      </tr>             
      <tr>                 
        <td colspan="6">                     
          <div id="menu">                         
            <dl>                             
              <dt onmouseover="montre('smenu1');">Le Béton                              
              </dt>                             
              <dd id="smenu1">                                 
                <ul><li>                                     
                  <a href="/accueil.php?page=1_materiau">Le Matériau</a></li><li>                                     
                  <a href="/accueil.php?page=1_possibilites">Les couleurs les Formes</a></li><li>                                     
                  <a href="/accueil.php?page=1_intro">Franck, le créateur</a></li>                                 
                </ul>                             
              </dd>                         
            </dl>                         
            <dl>                             
              <dt onmouseover="montre('smenu2');">Les Créations                              
              </dt>                             
              <dd id="smenu2">                                 
                <ul><li>                                     
                  <a href="/creations.php?page=categorie&amp;cle=TR01">Par catégorie</a></li><li>                                     
                  <a href="/creations.php?page=piece&amp;cle=TR01">Par pièce</a></li>                                 
                </ul>                             
              </dd>                         
            </dl>                         
            <dl>                             
              <dt onmouseover="montre('smenu3');">Les Projets Réalisables                              
              </dt>                             
              <dd id="smenu3">                                 
                <ul><li>                                     
                  <a href="/accueil.php?page=3_deaaz">Un projet de A à Z</a></li><li>                                     
                  <a href="/accueil.php?page=3_projets_architecture">Dans des projets d architecture</a></li><li>                                     
                  <a href="/accueil.php?page=3_pieces_uniques">Des pièces uniques dans un ensemble</a></li>                                 
                </ul>                             
              </dd>                         
            </dl>                         
            <dl>                             
              <dt onmouseover="montre('smenu4');">Le Suivi                              
              </dt>                             
              <dd id="smenu4">                                 
                <ul><li>                                     
                  <a href="/accueil.php?page=4_0">création 1</a></li><li>                                     
                  <a href="/accueil.php?page=4_0">création 2</a></li><li>                                     
                  <a href="/accueil.php?page=4_0">création 3</a></li>                                 
                </ul>                             
              </dd>                         
            </dl>                         
            <dl>                             
              <dt onmouseover="montre('smenu5');">Contact                              
              </dt>                             
              <dd id="smenu5">                                 
                <ul><li>                                     
                  <a href="/accueil.php?page=5_equipe">une Equipe de collaborateur</a></li><li>                                     
                  <a href="/accueil.php?page=5_presse">Articles de Presse</a></li><li>                                     
                  <a href="/accueil.php?page=5_contact">Contact</a></li>                                 
                </ul>                             
              </dd>                         
            </dl>                     
          </div></td>             
      </tr>             
      <tr>                 
        <td width="150px">                     
          <div id="marron">                         
            <div id="rapide">                             
              <a href="/accueil.php?page=0">Accueil</a><br />                             
              <a href="/accueil.php?page=gestion&amp;cle=0">Gestion</a><br />                             
              <a href="/accueil.php?page=4_0">Suivi</a><br />                             
              <a href="/accueil.php?page=ou_nous_trouver">Nous trouver</a><br />                         
            </div>                         
            <div id='menu_creation'>                         
            </div>                         
            <div id="adresse">Franck Woreth<br />02 99 85 36 31<br />06 61 08 28 31<br />Z.A. " Le Châtelet "<br />35310 Saint-Thurial<br />                         
            </div>                     
          </div></td>                 
        <td colspan="4">                     
          <div id="coeur">                         
            <div class="accueil"><h1>Bienvenue sur le site de Génération Béton</h1><br />06 72 24 44 57<br />lactail@hotmail.com<br /><br />0.bienvenue<br /><br />1.1 materiau<br />1.2 couleurs et formes<br />1.3 le createur<br /><br />2. les produits réalisés<br />2.1 Par pièce :, Salle de bain, Salon, Extérieur, Cuisine, Bureau<br />2.2 Par catégorie : table/table basse/chevet, fauteuil/transat, plan de travail/bureau, douche/évier/baignoire<br /><br />3. Les produits réalisables<br />3.1Du projet dessiné aux meubles installé<br />3.2Intégré dans des projets darchitecture<br />3.3des pieces uniques sur mesure<br /><br />                             
              <div style="margin-left: 2em">4. Une équipe de passionné<br />4.1 equipe<br />4.2 presse<br />4.3 contact<br />                             
              </div>                         
            </div>                     
          </div></td>                 
        <td width="150px">                     
          <div id="vert">                         
            <div id="actu">                             
              <table width="125px">                                 
                <tr>                                     
                  <th>actualités                                      
                  </th>                                 
                </tr>                                 
                <tr><td>4 / 11 / 2008</td>                                 
                </tr>                                 
                <tr><td>A Nantes, au salon de l'Habitat Sain &amp; des Energies Renouvelables</td>                                 
                </tr>                                 
                <tr><td>...</td>                                 
                </tr>                                 
                <tr><td>7 / 11 / 2008</td>                                 
                </tr>                                 
                <tr><td>A Nantes, pour le weekend !</td>                                 
                </tr>                                 
                <tr><td>...</td>                                 
                </tr>                             
              </table>                         
            </div>                         
            <div id="logo">www.generationbeton.com             
            </div>          
          </div></td>      
      </tr>      
      <tr><td></td>      
      </tr>      
      <tr><td></td>        
        <td colspan="4">                     
          <div id="conclusion">                         
            <a href="accueil.php?page=mentions_legales">mentions légales</a>                           
            <a href="accueil.php?page=liens">liens</a>                           
            <a href="accueil.php?page=5_contact">ou nous trouver</a>                     
          </div></td><td></td>             
      </tr>         
    </table>     
  </body>
</html>
    0

Discussions similaires

indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses
Mettre du texte à côté d'une image
yuls13 -
yuls13 -

3 réponses
Comment aligner des éléments html css
eligame -
Hawkfram -

1 réponse
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Superposer du texte sur une image (HTML/CSS)
bh_france -
Semev -

1 réponse