Passer un tableau en css

Bonjour, je débute en css et j'essaye d'enlever les tableaux de mon site.
J'ai un tableau de ce style :

<table width="100%" border="10" height="0" cols="2" cellpadding="0" cellspacing="0">
<tr><td>hjfh</td><td rowspan="2">test</td></tr>
<tr><td>hjfh</td></tr>
</table>

J'ai essayer comme ca mais ce n'est pas top

<span class="1_2">test ligne 1 et 2</span>
<div class="1">test ligne 1</div>
<div class="2">test ligne 2</div>

Avec comme css :

.1 {
BACKGROUND-COLOR: #C0D0A1;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
text-align: center;
padding: 5px;
height: 15px;
margin-left: 25;
margin-right: 125;
border:1px solid #000;
}
.2 {
BACKGROUND-COLOR: #ECE9D8;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
text-align: center;
padding: 5px;
height: 15px;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
margin-left: 25;
margin-right: 125;
}
.1_2 {
background-color: #ffff00;
float: right;
        border-right:1px solid #000;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
width: 100px;
height: 50px;
margin-right: 25;
        align: middle;
}

Voilà, si vous pouviez m'aider parce que je sèche un peu , c'est le "rowspan" qui me gène.

Merci !

Salut,

La première chose à faire (avant de vouloir supprimer les tableaux) est de savoir quel rôle informationnel a chaque élément de ta page : est-ce un titre ? un paragraphe ? une liste ? ... un tableau ?

Slt, sur la 1ere ligne un menu, sur la 2éme un autre menu mais pour les membres et à droite la case faisant la hauteur des 2 lignes des bannières de petit format.

---------------|
menu|
-----|banniere |
menu|
---------------|

Tes menus pourraient être 2 listes, éventuellement englobées dans un div, si tu considères que ces menus sont solidaires d'un point de vue logique.
Ta série de bannières se trouverait dans un autre bloc, à côté, dont la hauteur ne serait pas nécessairement définie.
Tu pourrais obtenir ça en utilisant des flottants (un à gauche, le bloc de droite normal avec une marge gauche pour éviter qu'il revienne dessous), ou en jouant sur les marges négatives (tu remonterais alors le bloc des bannières, et tu le décalerais à droite des dimensions du bloc de gauche).

Slt, avec ca j'ai ce que je veux par contre avec IE il y a un decalage entre les (2) lignes et la fenetre mise en float mais avec FF les deux lignes débordent en passant dessous la fenetre :

<div class="banner">banner</div>
<div class="l_1">menuuuuuuuuu</div>
<div class="l_2">menuuuuuuuuu</div>

.l_1 {
BACKGROUND-COLOR: #C0D0A1;
border:1px solid #000;
padding: 0px;
height: 25;
margin-left: 25;
margin-right: 125;
}
.l_2 {
BACKGROUND-COLOR: #ECE9D8;
padding: 0px;
height: 20;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
margin-left: 25;
margin-right: 125;
}
.banner {
background-color: #ffff00;
float: right;
border-right:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
width: 100px;
height: 45;
margin-right: 25;
}