Bonjour à tous
Dans la version actuelle du site, qui date des années 2000, la présentation de la page https://www.alma-musica.net/html/repertoire.php?cur est faite par la technique à la mode à l'époque, c'est à dire des <table> imbriquées.
J'essaie de faire la même chose avec des <ul> imbriquées dans la nouvelle version.
https://tests.alma-musica.net/html/repertoire.php?cur Le but principal est de pouvoir changer la présentation pour les écrans étroits avec des mediaqueries.
J'ai mis des cadres rouges autour des balises <ul> et des cadres bleus autour des balises <li>
J'aimerais comprendre pourquoi je n'obtiens pas un résultat visuellement proche de la version actuelle. Tout se passe comme si les balises <li> étaient réduites à une ligne, même si leur contenu se trouve plus bas dans la page. J'y perds mon latin, ou plutôt mon CSS
Pourriez vous éclairer ma lanterne et me dire quelle techno utiliser pour obtenir le résultat souhaité ?
Dans la version actuelle du site, qui date des années 2000, la présentation de la page https://www.alma-musica.net/html/repertoire.php?cur est faite par la technique à la mode à l'époque, c'est à dire des <table> imbriquées.
J'essaie de faire la même chose avec des <ul> imbriquées dans la nouvelle version.
https://tests.alma-musica.net/html/repertoire.php?cur Le but principal est de pouvoir changer la présentation pour les écrans étroits avec des mediaqueries.
J'ai mis des cadres rouges autour des balises <ul> et des cadres bleus autour des balises <li>
J'aimerais comprendre pourquoi je n'obtiens pas un résultat visuellement proche de la version actuelle. Tout se passe comme si les balises <li> étaient réduites à une ligne, même si leur contenu se trouve plus bas dans la page. J'y perds mon latin, ou plutôt mon CSS
Pourriez vous éclairer ma lanterne et me dire quelle techno utiliser pour obtenir le résultat souhaité ?