26096 sujets

CSS et mise en forme, CSS3

Bonjour à tous.
Je voudrais que l'image ne s'affiche pas si la largeur du média est inférieur à 630 px dans le cas suivant. Je n'arrive pas à résoudre ce cas particulier, car j'ai un peu oublié le CSS.
<table class="advice">
    <td>
        <h3>
            Mon titre
        </h3>
        <p>
            Mon joli texte.
        </p>
    </td>
    <td>
        <img alt="mon image" title="ma belle image" src="img/image-220x220px.png">
    </td>
</table>

Quelle est la règle à écrire en CSS ? Merci pour votre aide.
Modifié par Pyanepsion (12 Nov 2017 - 13:01)
Merci, Zelena.
Je pense plutôt à quelque chose comme :
@media screen and (max-width:630px)
{
	xxxxxx
	{
	display:none;
	}
}

sauf que je ne trouve pas quoi écrire pour résoudre la question de l'exemple ci-dessus.
Merci Zelena.
Le problème venait en fait d'un élément parent. Je ne voulais par ailleurs pas ajouter une nouvelle loi (classe ou identifiant), mais seulement adapter celles qui existaient déjà pour éviter d'alourdir le code HTML.
Ce td doit normalement s'afficher partout ailleurs
@media screen and (max-width:630px){
	td:nth-child(2) img
	{
		display:none;
	}
}

Modifié par Pyanepsion (13 Nov 2017 - 08:49)