18041 sujets

Questions générales et questions de débutants

CCS print

Bonjour à tous et à toutes

je vous explique mon problème.

J'ai fait un petit site pour tester les superbes fonctionnalités que permet xhtml et css.Bon j'ai donc réalisé une feuille de style.css et une feuille de sytle print.css qui devrait normalement me permettre de ne pas afficher certaines zones.

Jusqu'ici tout va bien j'ai bien défini média = print pour la différencier de screen.

En fait ma feuille de style fonctionne bien lors de l'impression sauf que mon menu (issu du div id= navig) et un autre div contenant mes logo W3C s'affiche, et ce bien que j'ai mis display.

Vu comme ca je ne pense pas que vous allez pouvoir m'aider. je me permets donc de vous devoiler une partie de mon code : Smiley rolleyes

print.css:

#navig, #style, #footer, #pied, #validator {
	display : none;	
	}



xhtml


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>:: l'île Grande ::</title>
<link href="style1.css" rel="stylesheet" title="style par defaut" type="text/css" media="screen"/> 
<link href="style2.css" rel="stylesheet" title="style alternatif" type="text/css" media="screen" />
<link href="print.css" rel="stylesheet" title="impression" type="text/css" media="print"  />
<script type="text/javascript" src="js/switcher.js"></script>
</head>

<body>

<div id="global">

	<div id="header">
	
		<h1>L'île Grande</h1>
		<h2> Paysage costarmoricain </h2>
	</div>
	
	<div id="centre">
	
			<div id="contenu">
	
				<div id="intro">
			

<p>L'Ile Grande est situé au nord de la Bretagne à l'ouest du département des Côtes d'Armor anciennement nommé département des Cotes du Nord. </p>


	<img src="img/lumiere.jpg" class="image_page"  alt="Rayons de soleil" title="Percée de soleil"/>
				


<p> Sa proximité avec l'Archipel des Sept îles, espace très privilégié pour la reproduction d'espèces d'oiseaux protégées est un lieu incontournable pour l'observation orithologique.</p>


			
				</div>
			</div>
		
			<div id="navig">
	
				<ul id="ulnavig">
					<li><a href="accueil.html">Accueil</a></li>
					<li><a href="situation.html">Situation Géographique</a></li>
					<li><a href="cote.html">La côte</a></li>
					<li><a href="oiseaux.html">Les oiseaux</a></li>
				</ul>
			</div>
			
			
			
			<div id="style">
						<a href="#" onclick="setActiveStyleSheet('changer'); return false;" title="permet de changer le graphisme, votre navigateur doit accepter le javascript">	changer de style CSS </a>		
						
				</div>		
	</div>
	
	<div id="footer">
	
	<div id="validator">
			
				<a href="http://validator.w3.org/check?uri=referer" onclick="javascript:window.open(this.href, 'validator');return false;">
				  
				  <img src="http://www.w3.org/Icons/valid-xhtml11-blue" class="validator" alt="Validité XHTML 1.1" height="31" width="88" title="cliquez ici pour vérifier la validité du document XHTML" />
			    </a>
				  
		     
			</div>
			
			<div id="pied">essai xhtml + css
			</div>	
	
	</div>
	
</div>
</body>
</html>


pas terrible comme code mais bon...
Smiley confus

quelqu"un aurait il un idée ? pourquoi mes div navig, footer, style, validator s'affiche lors de l'impression..???

Amic.
Aurore
Modifié par Tony Monast (16 Nov 2007 - 21:54)
Merci Igor pour ta réponse Smiley smile

je vais modifier title de ce pas.
cependant ce que je ne comprends pas c'est que pourtant il me semble qu'il prend en compte certain parametre de ma feuille de style, par exemple j'ai tout paramétré en police noir , pas de prise en compte du bandeau image etc... mais pas footer et navig...

amic.

AUrore
Sujet clos
Aller à