Comment appliquer une feuille externe à a un div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment appliquer une feuille externe à a un div

supermofo

Hello World !

Salut

Je travaille sur une page qui en intègre d'autre. J'aimerais que les styles de mes pages et des pages externes ne se melangent pas.

Est t'il possible de faire ceci :

Code :

<style>
//style de ma page
//style externe
#externe {
import(fichier.css);
}
</style>

:??:

Publicité

CNeo

Non. Quand tu veux atteindre l'enfant d'un élement par exemple un lien enfant de #externe tu fais :

#externe a {
le style de ton lien
}

nargy

tu mets 2 <link rel=...css>

supermofo

Hello World !

justement nargy le fait d'avoir 2 <link rel=...css/> provoque le melange des styles

Pour Cneo ta solution est etudiée mais elle implique que je me refasse toute la CSS externe et que je la modifie. Chose que j'aimerais eviter !

J'voulais juste savoir si il était possible d'appliquer une feuille CSS à un Bloc div uniquement.

:jap:

Message cité 1 fois
Message édité par supermofo le 10-09-2006 à 14:25:22

CNeo

supermofo a écrit :

Et je t'ai répondu non. :jap:

nargy

Il reste en effet la solution de CNeo: entoure tes feuilles de style externe par:

#externe a {
// le reste de la feuille de style
}

Message édité par nargy le 10-09-2006 à 15:20:53

supermofo

Hello World !

ouais voici un extrait du code qui permet de faire ce que je souhaite

Code :

function external_css($url){
$css = file_get_contents($url);
$pattern = "@^(\.|#)?([^{]*){$@";
$replace = "#external" . $2;
return "<style>". preg_replace($pattern,$replace,$css) ."</style>";
}

Pis on insère dans le header HTML et c bouclé !

Mais la declaration des styles n'est pas du tout uniforme , donc ca pose plus de problemes que prévu.

J'laisse tomber

Message édité par supermofo le 10-09-2006 à 15:41:55

nargy

oulala machine à gaz!!

Pas besoin de toutes ces regex, tu ajoute juste une entête à tes feuilles de style, et un footer. Voir aussi la fonction http://php.net/fpassthru

De plus, insérer une feuille de style directement dans le code c'est pas malin. Ce que tu peut faire pour l'éviter, et par la même occasion utiliser le cache du navigateur des internautes, c'est de faire un fichier PHP de redirection (je suppose en effet que les feuilles de style externes sont sur un autre site). Voir http://php.net/header et notamment:
header('Content-type: text/css');

supermofo

Hello World !

J ' ai pas le choix !

Pour que tous les styles de la feuille externes s'applique unique au div #externe, j'ai absolument besoin de rajouter #externe devant chaque style.

Code :

//avant
.style_externe1{}
.style_externe2{}
.style_externen{}
//apres
#externe .style_externe1{}
#externe .style_externe2{}
#externe .style_externen{}

Et pour la mise en page

Code :

<html>
<head>
<link rel="stylesheet" href="css_interne.css" />
</head>
<body>
<div id="interne"> contenu interne </div>
<div id="externe"> contenu externe </div>
</body>
</html>

Edit: j'ai pige pourquoi tu me parles de header. Mais en fait il y a deux pages différentes sur une meme page ( un peu comme si je faisait un include d'une page complete dans une autre ).
Et forcement ca implique que les CSS de chacunes des pages font collision et ca donne des resultats parfois surprenant.

De meme je dois tuer le flash , javascript de la page externe et pour cela pas d'autre choix que les preg_replace

Message édité par supermofo le 10-09-2006 à 16:16:03

nargy

Code :

//avant
.style_externe1{}
.style_externe2{}
.style_externen{}
//apres
#externe {
.style_externe1{}
.style_externe2{}
.style_externen{}
}

Ceci dit tu aura peut être plus vite fait d'utiliser une frame.

Publicité

supermofo

Hello World !

Mais oui les frames, bien sur.

Complètement zappé merci !

FORUM HardWare.fr

Programmation

HTML/CSS

Comment appliquer une feuille externe à a un div

Sujets relatifs
[HTML/Webmail clients]Appliquer une taille de fonte à tout le doc?	lancer un programme externe
recopier que des valeurs dans une feuille	trier une feuille dans une
Formule Excel faisant reference à une feuille pas encore crée ? ? ? ..	Utiliser des CheckBox sur une feuille excel
limitation champ feuille	Fond d'écran avec un fichier CSS externe
Base de données externe (sur un autre site)	[Excel/Access] Comment choisir la feuille excel qu'on veut importer
Plus de sujets relatifs à : Comment appliquer une feuille externe à a un div

Page générée en 0.064 secondes