Transformer un table en div !

[stopher]

Salut ,

Pour centrer ton block contenant les bouttons , essayes d'ajouter les directives :

margin-left:auto;
margin-right:auto;

Ensuite , pour jouer sur le re dimensionnement de la police du texte il faut pas definir la taille en pixel , mais en % ou en em !

[masta64]

Deja essayer lol !!! pas bete le MASTA !!! mdr

Jai utiliser toute mes petites competence et rien ne marche !!! jai meme essayer de coller directement un center dans le code xhtml !!!

[captain_torche]

Dans ce cas, c'est sans doute parce que l'élément conteneur ne fait pas lui-même toute la largeur de la page; il faudrait l'agrandir.

[masta64]

si si , il est a 100% !!! c'est ca justement qui est louche !!!

Enfin bon c'est quaziment regler grace a stopher !!! car j'ai coller un 68% au lieu de 100 dans la table !!! ca centre c'est bon sauf que au changement de resolution, des boutons se remette en dessous et ca nui a mon design , grrrr

Y aurai pas un moyen de faire disparaitre les bouton qui sorte du champ des 68% ??

Modifié 9 Novembre 2007 par masta64

[stopher]

Pour cacher ce qui dépasse , regarde ci dessous peut etre ta solution !! :

La propriété de feuille de style overflow-x peut prendre la valeur de :
- visible, rend visible tout ce qui dépasse.
- hidden, cache tout ce qui dépasse.
- scroll, met toujours une barre de défilement horizontale.
- auto, met une barre de défilement horizontale si besoin.
- inherit, hérite de son parent (css2).

[masta64]

ok mais ou je le mets ??

/* CSS Code for Link Bar */

#nav1 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
overflow:hidden;
padding: 8pt;
vertical-align: middle;
line-height: 31px;
}
#nav1 li {
background: transparent none repeat scroll center;
border:none none;
color:#FFFFFF;
float: left;
margin-right:1px;
width:91px;
}
#nav1 li a {
background: transparent url(img/bt_LB.gif)  no-repeat scroll center top;
color:#000000;
display:block;
font-family:"georgia",Arial,sans-serif;
font-size:12px;
font-style:italic;
font-variant:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
height:31px;
line-height:31px;
padding-left:13px;
}
#nav1 li a:hover, #nav1 li a:focus, #nav1 li a:active {
background: transparent url(img/bt_LB.gif)  no-repeat scroll center bottom;
text-decoration:none;
color: maroon;
}