Problème en CSS

tableau? connais pas ...

Le problème est que le block est situé dans une sidebar assez étroite et donc oui <p>Chris Anderson: La Longue Traîne : La nouvelle économie est là !</p> s'étale sur 4 lignes. Mais le tableau règle parfaitement l'affaire.

Par contre pour le CSS j'ai une petite question: comment réduire l'espace entre deux colonnes?

Il n'y a aucun rapport...

L'avantage des tableaux, c'est que :
- Tu as déjà mis en place la solution (je ne l'avais pas vu quand j'ai répondu :-o )
- C'est un moyen simple de faire une mise en page de ce genre.

Inconvénient :
- Si tu veux changer la présentation, il faut revoir les tableaux, voire refaire complétement ta page (en tout cas, la partie correspondante...).

Bonjour BabaRock,

Voilà un de mes CSS pour un menu déroulant .

/* CSS Menu déroulant J Images J In Conception */

#menuDeroulant {
font-size : 0.6em;
width : 644px;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant li {
float : left;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant .sousMenu {
border : 0;
font-size : 1em;
list-style-type : none;
margin : 0;
padding : 0;
}
#menuDeroulant .sousMenu li {
float : none;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant li {
float : left;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant li a:link {
display : block;
height : 1%;
color : #ff3300;
background : rgb(34, 34, 34);
margin : 0;
padding : 4px 8px;
border-bottom : 20px solid transparent;
border-right : 1px solid rgb(255, 255, 255);
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-variant : small-caps;
}
#menuDeroulant li a:visited {
display : block;
height : 1%;
background : rgb(110, 134, 158);
margin : 0;
padding : 4px 8px;
border-right : 1px solid rgb(255, 255, 255);
text-decoration : none;
}
#menuDeroulant li a:hover {
background-color : rgb(72, 70, 46);
font-size : 1em;
}
#menuDeroulant li a:active {
background-color : rgb(95, 135, 157);
color : rgb(255, 255, 255);
}
#menuDeroulant .sousMenu li a:link {
display : block;
color : rgb(255, 255, 255);
margin : 0;
border : 0;
text-decoration : none;
background : transparent url(../../structure/png/fond1.png) repeat;
}
#menuDeroulant .sousMenu li a:visited {
font-size : 1.5em;
font-family : Arial, Helvetica, sans-serif;
font-style : italic;
font-weight : bold;
display : block;
color : rgb(191, 169, 22);
margin : 0;
border : 0;
text-decoration : none;
background : url(../../structure/png/fondTRRR.png) repeat;
}
#menuDeroulant .sousMenu li a:hover {
background-image : none;
background : transparent url(../../structure/png/fondTRR.png) repeat;
}
#menuDeroulant .sousMenu li {
float : none;
margin : 0;
padding : 0;
border : 0;
width : auto;
border-right : 1px solid transparent;
border-bottom : 1px solid transparent;
}
#menuDeroulant .sousMenu {
display : none;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant li:hover > .sousMenu {
display : block;
}
#menuDeroulant {
width : 617px;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
position : absolute;
top : 221px;
left : 301px;
z-index : 3;
}