Css et php

Résolu/Fermé
Serge - 24 juil. 2016 à 16:52
 Serge - 25 juil. 2016 à 16:27
Bonjour,
j'ai une page index.html qui fonctionne très bien avec un fichier style.css :
#header{
background-image:url(../imgmep/entete.png);
background-repeat:no-repeat;
background-position:left top;
height:99px;
border-radius: 45px 0 0 0;
}
Afin d'évoluer un peu, j'ai voulu utiliser la fonction Include() en php pour la partie <header>. J'ai donc créé le fichier Header.php dans lequel j'ai écrit :
<img src="imgmep/entete.png" alt="logo du site">
et dans le fichier index.html :
<header id="entete" ><?php include("header.php"); ?></header>
L'image s'inclut bien dans le header mais n'est pas traitée par le border-radius du css. l'angle n'est pas arrondi.
Je ne dois pas utiliser la bonne manière de faire.
Merci pour votre aide
Serge

A voir également:

5 réponses

Utilisateur anonyme
24 juil. 2016 à 17:54
Bonjour

Ce n'est absolument pas un problème de php.

Dans ton CSS, tu mets : #header, donc ton CSS s'applique à l'id header.
Or dans ton html, tu n'as PAS d'id header. Tu as une BALISE header avec l'id "entete".
0
Salut,

attention le lien vers le css doit être dans head et non dans header.
head ne fait pas partie de la page, ce sont les informations et configurations de la page.
Le header est un élément HTML qui compose la page au même titre qu'un div, article ...etc.

Pour le problème spécifique aux angles arrondis je ne pourrais pas dire, vérifier toutefois que la ligne est correctement écrite(ainsi que la ligné précédente+suivante) et comporte bien la virgule de fin de ligne. Pour faire simple vous pouvez utiliser '(simple quote ou guillemet simple) pour "entourer" les fonctions et "(double quote , guillemets double) pour les textes qui sont à écrire dans la page. Cela respectera la priorité et évite souvent de faire de la gymnastique compliquée pour concaténer.
En HTML5 les guillemets ne sont plus obligatoires mais il faudra bien sûr respecter celles de CSS.
0
Bien sûr il faut faire un echo et non écrire directement le HTML dans le fichier php qui est "inclus" par include().
PH ne comprends pas HTML mais peut écrire n'importe quel texte , donc écrire HTML.
0
Utilisateur anonyme
24 juil. 2016 à 18:17
attention le lien vers le css doit être dans head et non dans header
Pourquoi cette remarque ? Tu as une raison de supposer que le lien n'est pas au bon endroit ?

Bien sûr il faut faire un echo et non écrire directement le HTML dans le fichier php
Comment peux-tu écrire ça ? C'est totalement faux. Tu peux bien mettre du html directement dans un fichier php, inclus ou pas. C'est même la manière habituelle de procéder, les fichier php comportant (presque) toujours une part plus ou moins importante de html
0
Utilisateur anonyme
24 juil. 2016 à 18:57
Après essais, il faut de plus ajouter overflow:hidden; dans ton CSS
0
Merci à tous pour vos réponses et toutes mes excuse pour avoir noté #header au lieu de #entete . Dans mon fichier c'est bien #entete qui apparaît.
Je pense que le header étant rempli par le css #entête, lorsque je vais le remplacer par l'image se trouvant dans le fichier .php le css #entete n'est plus pris en compte.
Connaissez vous une manière de faire qui permet à la fois d'inclure une image et de la traiter en css?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
OK, Merci le père, je viens de tester et Bravo ça marche!!!!
Cordialement
0