Aller au contenu
View in the app

A better way to browse. Learn more.

Next

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[résolu] CSS : problème de DIV imbriqués

Featured Replies

Posté(e)

Bonjour,

Pour l'instant pour mettre du texte et une image à coté je met

<table>
<tr><td colspan="2">titre</td></tr>
<tr><td>texte</td><td>image</td></tr>
</table>

Ca marche bien mais ce n'est pas un vrai tableau.

J'aimerais pour mes prochains documents faire un peu plus propre en utilisant des <div>

<div style="background-color: #330000; display:block;">
<div style="float:right;display:block;">Image</div>
Titre et texte
</div>

Le "background-color" est là pour bien mettre en valeur le problème.

Le problème est que le premier div n'inclut pas l'image, qui déborde alors sur les paragraphes suivants. Un exemple :

i353687_problemedivcss.png

Ici le cadre sur fond rouge devrait être beaucoup plus long et descendre jusqu'en bas de l'image quitte à laisser de l'espace après le texte.

Posté(e)

Bonjour,

c'est cadeau :transpi:

<div style="background-color: #330000; display:block;">
<div style="float:right;display:block;">Image</div>
Titre et texte
<div style="font-size:1px; height:1px; clear:both;"> </div>
</div>

Il te manque un DIV (ou autre, mais le DIV fonctionne à tous les coups) avec en style "clear:both" qui te permet d'annuler le float. Comme le DIV qui contient le fond n'est pas encore terminé et que l'image est bien positionné à droite, cela te dispose le fond comme tu l'attendais.

AllFull

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.