28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'aimerai faire un include sur une page php mais appliquer un style très différent à des balises qui vont êtres communes lors de l'interprétation par le navigateur. balise a H1 etc ...

ma page (sous symphony) appelle déjà une feuille de style et pour des raison politiques Smiley cligne )) je ne peux pas toucher cette CSS et pas trop la PHP.

du coup je me dis si je fait un include je bricole pas trop la page originelle mais reste le problème des styles et de leur application sur ma page.

Je ne suis pas spécialiste du sujet alors si vous avez des suggestion ou une méthode qui fonctionne pour faire un include qui importerai aussi la feuille de style associées.

Je sais que je peux appliquer les styles directement aux balises mais cela va alourdir la page et les répétitions à gogo de style j'aime pas trop.
Je ne sais pas si je peux faire un include avec les CSS dans le head par exemple et je ne peux faire mes essais que le nuit ça limite mes possibilités de travail vu que je ne peux pas non plus reproduire l'environnement en local. pas cool
Smiley fache
merci pour votre aide Smiley lol
Bonjour,

Tu peux appliquer une classe ou un identifiant à BODY en fonction du type de page, ou a un autre conteneur.

Dans ton code HTML, ça peut donner:
<body id="contact" class="page-standard">
...
</body>
ou bien
<body id="home" class="page-1col">
...
</body>

Ce ne sont bien sûr que des exemples.
Tu peux faire quelque chose du genre à un niveau plus «profond» dans le code HTML:
<body>
	<div id="header">...</div>
	<div id="main">
		<div id="sidebar">...</div>
		<div id="content" class="contact">
			...
		</div><!-- #content -->
	</div><!-- #main -->
</body>
Là encore, ce n'est bien sûr qu'un exemple.

Ensuite, tu te sers des identifiants et classes pour cibler tes éléments dont le style doit varier en fonction du type de page:
#contact #content h1 {...}
ou bien
.contact h1 {...}


On fera attention, éventuellement, à la priorité des sélecteurs.
Merci pour ces informations

Mais mon souci est plutôt

quelle méthode pour appeler une feuille de style qui ne s'appliquera qu'aux éléments de page incluse ?
Sachant que ta suggestion d'utiliser les classes & id pour appliquer des styles spécifiques aux blocs de ma pages est bien prise en compte.
Me suffira t il d'ajouter une déclaration de feuille de style dans ma page mère ?
ou puis je le faire dans la page fille et si oui quel est la syntaxe?

pour rappel je ne peux pas modifier la feuille de style appliquée par défaut à la page mère.
Modifié par hiroito (14 Jun 2008 - 22:04)