18041 sujets

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

[Résolu] Css qui n'est pas appliqué au site

Pages :
Bonjour à tous,

Excusez moi de vous déranger encore une fois.

J'ai un soucis avec ma CSS. En faites, mon site charge certain passage de ma CSS sauf pour mes sous-titres, je ne sais pas pourquoi. Le nom de la CSS dans mon header est le bon, j'ai essayer de modifier mon code dans la page concerné en mettant un echo, mais ça veut toujours pas.

Je vais vous donner ma CSS et la partie du code qui ne fonctionne pas:

Voici ma CSS:

<modération : suppression des 21 pages de code (sur portable 16/9 en plein écran) />

Mon gros soucis est sur la class "h2".

Merci d'avance pour vos réponse, je vais continuer à chercher de mon côté et si je trouve, je vous le ferez savoir.

Bonne journée.

Miala
Modifié par Miala (09 Sep 2008 - 13:39)
Bonjour Miala,

j'ai supprimé toutes les pages de code car en l'état c'est illisible.

Le mieux serait de donner un lien vers la page en cause. A défaut ne donner que le code suffisant (html + css) pour reproduire le problème. Smiley cligne

D'autre part : pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Modifié par Heyoan (09 Sep 2008 - 10:04)
Oui désolé, c'est vrai mon code est assez imposant.

Je peut pas mettre de lien pour se site internet car l'entreprise pour qui je le réalise ne veut pas donc à part le code je peut rien mettre d'autre.

Je le remet dans les balises code ou je ne le remet pas et faire mon post?

Parce que se qui est étrange, c'est qu'il charge bien d'autre class qui ce trouve dans ma CSS.

Si je peut pas remettre mes codes, je vous remercie quand même.
a écrit :
En faites, mon site charge certain passage de ma CSS sauf pour mes sous-titres, je ne sais pas pourquoi.


Es-tu sûr que ces passages ne sont pas chargés ... ou ils ne sont simplement pas appliqués ? Smiley cligne

Ton problème pourrait être dû à une incompréhension concernant les priorités de tes sélecteurs. Smiley cligne
Miala a écrit :

Je le remet dans les balises code ou je ne le remet pas et faire mon post?
Eh bien comme je te disais à défaut d'un lien vers une page en ligne il faudrait faire une page allégée qui ne contiendrait que le code suffisant à reproduire le problème et nous le montrer.

Tu pourrais également utiliser l'extension de Firefox Firebug qui te permettrait de voir directement ce qui est pris en compte dans les css pour les H2 en question.

Pour ce qui est de la notion de priorité des sélecteur tu pourrais lire cet article sur Blog and Blues.
Modifié par Heyoan (09 Sep 2008 - 10:21)
Oui elle ne sont pas appliquées, enfin juste pour mes sous-titres.

J'ai essayer plusieurs méthodes, mais elle ne s'applique toujours pas.

Je vais encore tester quelque trucs et on verras bien.
Tu pourrais déjà nous montrer le code css concernant les H2 et le code html correspondant (en ne reprenant que les blocs conteneurs et les H2). Smiley murf
Voici le code de ma CSS:

h2 {
  width:400px;

  height:28px;

  line-height:28px;
  
  background: url(./design/templates/<?php echo $_GLOBALS['sous_domaine']; ?>/colonne_section_ligne1px.png) repeat-x;

  font-size:12px;	
  
  font-family: bold;
  
  color:#f68220;
  
  font-family: Arial, Verdana, Helvetica, sans-serif;
}


Et le code qui l'utilise:

<?php

	// affichage du formulaire
	if($aDataUser['auteurRaisonSocial']!="") 
	{ //labelCreateCompte facultatif

	?>
	<form method="post" action="" name="edituser">
	<div class="form_marge_left form_marge_left_pt"></div>
	<div class="form_marge_content" >
    <h2><?php echo $dataTextPage['titreSection1']; ?></h2>
	 
	 
	<p>
	 <label class="<?php echo $_GLOBALS['class_rs']; ?> labelLogin"><?php echo $dataTextPage['Raisonsociale'] ; ?> </label>
	 <input type="text" class="input inputCreateCompte" style="border-color: white;"style="border-color: white;" name="auteurRaisonSocial" value="<?php echo $aDataUser['auteurRaisonSocial'] ; ?>" READONLY  />
	</p>
	<p>
	 <label class="<?php echo $_GLOBALS['class_codenaf']?> labelLogin"><?php echo $dataTextPage['NSIRET'] ; ?> </label>
	 <input type="text" class="input inputCreateCompte" name="auteurSiret" value="<?php echo $aDataUser['auteurSiret'] ; ?>"  />
	</p>
	<p>
	 <label class="<?php echo $_GLOBALS['class_codenaf']?> labelLogin"><?php echo $dataTextPage['CodeNAF'] ; ?> </label>
	 <input type="text" class="input inputCreateCompte" name="auteurCodeNAF" value="<?php echo $aDataUser['auteurCodeNAF']; ?>"  />
	</p>
	</div>
	<div class="form_marge_right form_marge_right_pt"></div>
	<div style="clear:both;"></div>
    <?php	
	}
	?>
Hem... désolé d'être pénible mais le code PHP ne nous aide pas ! Il faudrait afficher le code source de la page générée et copier la partie utile. Smiley langue

En passant tu es bien sûre que le <?php echo $_GLOBALS['sous_domaine']; ?> est bien interprété ?

Je pense qu'il faudrait également afficher le code source du css généré...
Modifié par Heyoan (09 Sep 2008 - 10:42)
Salut,


Quelle partie de ta feuille de style ne fonctionne pas ? Tous les styles concernant les h2, ou seulement l'image de fond ?
Pas de soucis, voici le code source:

<div style="margin: 0pt auto; position: relative; width: 650px; text-align: left;">
<!--titre de la page-->
<h1>Mon compte </h1><p style="margin-bottom: 30px;"></p>



	

	 

<div id="form"> 

	<form method="post" action="" name="edituser">
	<div class="form_marge_left form_marge_left_pt"></div>
	<div class="form_marge_content">
    <h2>Informations concernant la société</h2>

	&nbsp;
	&nbsp;
	<p>
	 <label class="obligatoire labelLogin">Raison sociale *&nbsp;</label>
	 <input class="input inputCreateCompte" style="border-color: white;" name="auteurRaisonSocial" value="LOGIDOC" readonly="readonly" type="text">
	</p>
	<p>
	 <label class="facultatif labelLogin">N° SIRET&nbsp;</label>

	 <input class="input inputCreateCompte" name="auteurSiret" value="" type="text">
	</p>
	<p>
	 <label class="facultatif labelLogin">Code NAF/APE&nbsp;</label>
	 <input class="input inputCreateCompte" name="auteurCodeNAF" value="" type="text">
	</p>
	</div>
	<div class="form_marge_right form_marge_right_pt"></div>

	<div style="clear: both;"></div>
    	
	<div class="form_marge_left form_marge_left_grd"></div>
	<div class="form_marge_content">
	<h2>Informations de l´interlocuteur principal</h2>
	&nbsp;
	&nbsp;
	<p>
	 <label class="obligatoire labelLogin">Nom *</label>

	 <input class="input inputCreateCompte" name="auteurNom" value="Gravellat" type="text">
	</p>
	<p>
	 <label class="labelLogin">Prénom *</label>
	 <input class="input inputCreateCompte" name="auteurPrenom" value="Philippe" type="text">
    </p>

		  <p>
		<label class="obligatoire labelLogin">Fonction *</label>

		<input class="input inputCreateCompte" name="auteurFonction" value="chef de projet" type="text">
	  </p>
		<p>
	 <label class="labelLogin">Adresse *</label>
	 <input class="input inputCreateCompte" name="auteurAdresseL2" value="ici" type="text">
	</p>
	<p>
	 <label class="labelLogin">&nbsp;</label>

	 <input class="input inputCreateCompte" name="auteurAdresseL3" value="" type="text">
	</p>
	<p>
	 <label class="labelLogin">&nbsp;</label>
	 <input class="input inputCreateCompte" name="auteurAdresseL4" value="" type="text">
	</p>
	<p>
	 <label class="labelLogin">&nbsp;</label>
	 <input class="input inputCreateCompte" name="auteurAdresseL5" value="" type="text">

	</p>
	
	<p>
	 <label class="obligatoire inputLogin">Code postal *</label>
	 <input class="input inputCodePostal" name="auteurCP" value="87000" type="text">
	</p> 	
	<p>
	 <label class="obligatoire labelLogin">Ville *</label>
	 <input class="input inputCreateCompte" name="auteurVille" value="Limoges" type="text">

	</p>
	<p>
	 <label class="obligatoire inputLogin">Téléphone *</label>
	 <input class="input inputPhone" name="auteurTelFixe" value="0555555555" type="text">
	</p>
	<p>
	 <label class="facultatif inputLogin">Portable</label>
	 <input class="input inputPhone" name="auteurTelPort" value="" type="text">

	</p>
    <p>
	 <label class="facultatif inputLogin">Fax</label>
	 <input class="input inputPhone" name="auteurFax" value="" type="text">
	</p>
	
	<p>
	 <label class="obligatoire labelLogin">Email *</label>
	 <input class="input inputCreateCompte" name="auteurMail" value="----" type="text">

	</p>

	
	
	</div>
	<div class="form_marge_right form_marge_right_grd"></div>
	<div style="clear: both;"></div>
&nbsp;
&nbsp;

	&nbsp;
	<div class="form_marge_left form_marge_left_pt"></div>
	<div class="form_marge_content">

		<h2>Informations de connexion</h2>
		&nbsp;
		&nbsp;
			<p>
				<label class="labelLogin">Login&nbsp;</label>
				<input class="input inputCreateCompte" style="border-color: white;" name="auteurLogin" value="----" readonly="readonly" type="text">
			</p>
			<p>

				<label class="obligatoire inputLogin">Mot de passe *&nbsp;</label>
				<input class="input inputPhone" name="auteurpasswd" value="" type="password">
			</p>
			<p>
				<label class="obligatoire inputLogin">Confirmation mp&nbsp;</label>
				<input class="input inputPhone" name="nouveaump" value="" type="password">
			</p>
	</div>

	<div class="form_marge_right form_marge_right_pt"></div>
	<div style="clear: both;"></div>

	

		<div class="form_marge_left form_marge_left_pt"></div>
		<div class="form_marge_content">
		<h2>Information de validation</h2>
		&nbsp;
			<p>
				<label class="$_GLOBALS['class_validauto'] inputLogin">Automatique&nbsp;</label>

				<input name="validationAuto" style="vertical-align: top;" value="1" checked="checked" type="radio">

			</p>
			&nbsp;

			<p>
				<label class="$_GLOBALS['class_valimanu'] inputLogin">Manuelle&nbsp;</label>
				<input name="validationAuto" style="vertical-align: top;" value="0" type="radio">
			</p>

	</div>
	<div class="form_marge_right form_marge_right_pt"></div>
	<div style="clear: both;"></div>


<p style="margin: 25px; text-align: center;"><input class="form_submit" style="cursor: pointer; padding-left: 15px; width: 85px; height: 25px;" name="action" value="Modifier" type="submit"></p></form>
<div class="panier">

	<table class="tablepanier" cellpadding="0" cellspacing="0">
		<tbody><tr class="titrepanier">
			<td>Mon panier</td>

		</tr>
		<tr class="lignepanier">
			<td>
				<div style="margin-right: 5px;">
					Aucun produit<br>dans votre panier. 				</div>
			</td>
		</tr>
		<tr style="text-align: right;">

			<td colspan="2">
				<div style="margin-right: 5px;">
								</div>
			</td>
		</tr>
	</tbody></table>
</div>			</div>
			</div>


Il ne m'affiche rien du tout, la police est pas la bonne, la couleur non plus et j'ai pas l'image en dessous.
Modifié par Thomas D. (09 Oct 2008 - 22:02)
Heyoan a écrit :

Je pense qu'il faudrait également afficher le code source du css généré...
C'est le code généré de la feuille de style qui nous intéresse surtout...

Si le code PHP utilisé dans la feuille de style n'est pas interprété par le serveur, il est possible (voire probable) que le navigateur passe les instructions suivant la propriété background jusqu'au bloc suivant...

As-tu indiquer à ton serveur d'une manière ou d'une autre qu'il devait parser les fichiers CSS comme du PHP ?

edit: heyoan, tu espères me griller à tous les coups ? ^^

Smiley morpheus
Modifié par Thomas D. (09 Sep 2008 - 10:55)
Non, juste celui que tu as donné tantôt, mais en le copiant depuis le fichier CSS sur le serveur, et non depuis ton éditeur de code Smiley cligne
N'ayant pas fait toute les partie du site, je sais pas trop si le serveur interprète bien la feuille de style, mais pourtant certaines class de la CSS s'affiche donc je comprend pas trop.

Je vais pas vous embêter plus longtemps, je vais essayer de me replonger vraiment dedans.
Voici mon code source CSS pour mon sous-titres:


* {beeprod....hp?ss=www (ligne 9)
border:medium none;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0;
padding:0;
}
h2 {html.css (ligne 114)
display:block;
font-size:1.5em;
font-weight:bold;
margin:0.83em 0;
}
Hérité dediv.form_marge_content
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité deform
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dediv#form
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dediv
element.style {
text-align:left;
}
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dediv.content
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dediv.wrap_content
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dediv#global
#global {beeprod....hp?ss=www (ligne 60)
text-align:left;
}
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité debody
body {beeprod....hp?ss=www (ligne 20)
color:#0075B5;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-align:center;
}
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
Hérité dehtml
* {beeprod....hp?ss=www (ligne 9)
font-family:Arial,Verdana,Helvetica,sans-serif;
}
:root {ua.css (ligne 45)
quotes:"“" "”" "‘" "’";
}
Le problème vient a priori du code PHP dans la feuille de style. Pour le vérifier, essaie simplement de supprimer la ligne 
background: url(./design/templates/<?php echo $_GLOBALS['sous_domaine']; ?>/colonne_section_ligne1px.png) repeat-x;
de ta feuille de style, et regarde ce que ça donne.

Si c'est bien l'origine de ton problème, tu as 3 possibilités :

1. te passer du code PHP dans les feuilles CSS,
2. faire en sorte que le serveur parse les feuilles de style comme du PHP,
3. déporter les instructions de style qui requièrent PHP dans le code HTML, dans une balise <style>
J'ai supprimé la ligne, mais ça n'as rien changer.

Le plus étrange quand même, c'est que le titre de ma page s'affiche correctement alors que c'est codé pareil.
Pages :
Sujet clos
Aller à