Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Utilisation de la propriété CSS Display

7 réponses
Avatar
Agami66
Bonsoir à toutes et à tous,
Balbutiant en css2, je tente de réaliser une feuille de style spécifique
à l'impression, notamment pour éliminer ce qui n'est pas nécessaire. A
cet effet j'utilise la propriété : display: none; par exemple : .menu
{display: none; }Cela fonctionne très bien avec les classes. En revanche
comment faire pour supprimer certaine images positionnées par, par
exemple :
<a href="blabla.htm" title="blablabla" id=position8 target="_blank">
<img src="image/fs.gif" width="16" height ="16" border="0">
</a>
D'avance Merci.
Agami66

7 réponses

Avatar
Leonick
"Agami66" a écrit dans le message de
news:P1Mod.17217$
Bonsoir à toutes et à tous,
Balbutiant en css2, je tente de réaliser une feuille de style spécifique
à l'impression, notamment pour éliminer ce qui n'est pas nécessaire. A
cet effet j'utilise la propriété : display: none; par exemple : .menu
{display: none; }Cela fonctionne très bien avec les classes. En revanche
comment faire pour supprimer certaine images positionnées par, par
exemple :
<a href="blabla.htm" title="blablabla" id=position8 target="_blank">
<img src="image/fs.gif" width="16" height ="16" border="0">
</a>
D'avance Merci.
Agami66



J'utilise ceci pour ne pas imprimer mes menus, il suffit d'y ajouter toutes
les classes et id à ne pas imprimer.

onglet, ul#onglet_inactif li, ul#onglet_actif li, ul.onglet,.lemenu
{
display: none;
}


--
Leonick
http://bike-in-eire.champignytriathlon.org les photos et le récit d'une
randonnée vélo en Irlande
Avatar
Xavier Robin
Agami66 a écrit :
Bonsoir à toutes et à tous,
Balbutiant en css2, je tente de réaliser une feuille de style spécifique
à l'impression, notamment pour éliminer ce qui n'est pas nécessaire. A
cet effet j'utilise la propriété : display: none; par exemple : .menu
{display: none; }Cela fonctionne très bien avec les classes. En revanche
comment faire pour supprimer certaine images positionnées par, par
exemple :
<a href="blabla.htm" title="blablabla" id=position8 target="_blank">
<img src="image/fs.gif" width="16" height ="16" border="0">
</a>
D'avance Merci.
Agami66




Au risque de paraitre un peu pointilleux, si l'image ne doit pas être
imprimée, il y a de bonnes chances qu'elle n'ait pas sa place dans le
code HTML et qu'elle devrait donc être incluse via la CSS...

Vu qu'elle a un id, tu peux la sélectionner par un simple sélecteur d'id
(#position8 {}).

S'il s'agit de supprimer toutes les images ayant un id, tu peux utiliser
le sélecteur img[id], ou alors en fonction de l'adresse,
img[href="blabla.htm"] ou d'autres attributs, mais cela ne fonctionnera
bien entendu pas dans IE.
Avatar
François Battail
Le Tue, 23 Nov 2004 20:18:07 +0100, Agami66 a écrit :

<snip />

comment faire pour supprimer certaine images positionnées par, par
exemple :
<a href="blabla.htm" title="blablabla" id=position8 target="_blank"> <img
src="image/fs.gif" width="16" height ="16" border="0"> </a>




@media "print"
{
#position8 img
{
display: none ;
}
}


Pour info c'est /mieux/ de mettre id="position8" et de spécifier l'unité
utilisée dans width et height : width='16px', de même un alt présent et
significatif si le lien sur l'image sert à la navigation serait de bon
aloi.

@+
fb
Avatar
Agami66
Merci pour vos réponses claires et précises
Cordialement à tous agami66
Avatar
Agami66
Merci pour vos réponses rapides, claires et précises
Cordialement à tous agami66
Avatar
Hervé Cauwelier
François Battail a écrit :
Pour info c'est /mieux/ de mettre id="position8"



Oui mais pas obligatoire dans HTML donc je n'ai pas relevé.

et de spécifier l'unité
utilisée dans width et height : width='16px',



Ha non ne confondez pas avec CSS, ce bon vieux width de HTML fonctionne
en pixels, ou en pourcentages si cette unité est utilisée.

de même un alt présent et
significatif si le lien sur l'image sert à la navigation serait de bon
aloi.



Bien vu.

--
Hervé Cauwelier

http://www.oursours.net/
Avatar
DJiK
Agami66 a écrit :
target="_blank"




Beurk, que c'est laid.. :-X

--
DJiK