Bonjour à toutes et à tous,

Je me permets d'écrire dans ce fabuleux forum Mise en page CSS parce que oui, c'est des fois pas facile l'alignement CSS .
J'ai besoin d'aide sur la reproduction d'un tableau en HTML en CSS (exemple minimal), qui utilise le rowspan:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<html>
	<body>
	<table>
	<tr>
	<td align="center" rowspan="2"><img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/Nohat-wiki-logo.png"/></td>
	<td valign="bottom">Blabla1</td>
	</tr><tr>
	<td valign="top">Blabla2</td>
	</tr>
	</table>
	</body>
</html>
mon premier essai consiste en utilisant 2 divs imbriquées:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div id = "content_sub3">
	<div id = "content_sub4">
		<img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/Nohat-wiki-logo.png"/>
		<span id="S1">Blabla1</span>
		<span id="S1_">Blabla2</span>
	</div>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
#content_sub3 {
	display: inline-block;
	vertical-align: middle;
}
 
#content_sub4 {
	display: inline-block;
}
mais je faute, ca ne fonctionne pas, j'ai essayé avec différentes alternatives, en passant par le display: block, mais je n'arrive pas à la bonne solution.

Merci par avance pour votre aide,

G