Problème affichage HTML

Signaler
Messages postés
1
Date d'inscription
jeudi 26 mars 2020
Statut
Membre
Dernière intervention
26 mars 2020
-
 Orthorex -
Bonjour

J'ai créé un visuel html + css qui marche très bien,


Je l'ai ensuite inséré dans le fichier header.php de mon thème qui contient déjà du code du thème-parent.
A ce moment-là j'ai le menu qui s'aligne avec le titre de mon site


Voici le code HTML correspondant. Le code HTML que j'ai modifié est compris entre <!-- Header Start --> et
<!-- Header End --> :

<?php
/**
  • The Header template

*
  • @package Theme-Vision
  • @subpackage Agama
  • @since Agama 1.0
  • /


// Do not allow direct access to the file.
if( ! defined( 'ABSPATH' ) ) {
exit;
} ?>

<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link rel="stylesheet" type="text/css" href="http://mineralitude.com/wp-content/themes/agama-enfant/styles/header2.css">

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<!-- Main Wrapper Start -->
<div id="agama-main-wrapper" class="<?php Agama::main_wrapper_class(); ?>">

<?php
/**
  • Before Header Wrapper

*
  • Attach custom functions before header wrapper.

*
  • @since 1.4.4
  • /

do_action( 'agama/before_header_wrapper' ); ?>

<!-- Header Start -->
<header id="masthead" class="site-header <?php Agama::header_class(); ?>" itemscope itemtype="http://schema.org/WPHeader" role="banner">

<div class="agama-header-overlay">
<div class="tv-container tv-d-flex tv-justify-content-between tv-align-items-center">

<!-- Logo -->
<div id="agama-logo">
<a href="http://mineralitude.com/">
<img class="logo" src="http://mineralitude.com/wp-content/themes/agama-enfant/img/logo.png" alt="Mineralitude"/>
</a>
</div>
<!-- Logo End -->

<!-- Primary Navigation -->
<nav id="agama-primary-nav" class="tv-d-none tv-d-lg-block" role="navigation">
<ul id="menu-primary-menu" class="agama-navigation sf-js-enabled" style="touch-action: pan-y;">
<li id="Accueil" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8">
<a href="http://mineralitude.com/">
<img class="accueil" src="http://mineralitude.com/wp-content/themes/agama-enfant/img/accueil.png" alt="Accueil"/>
</a>
</li>
<li id="Articles" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-54">
<a href="http://mineralitude.com/index.php/category/articles/">
<img class="articles" src="http://mineralitude.com/wp-content/themes/agama-enfant/img/articles.png" alt="Articles"/>
</a>
</li>
<li id="A propos" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-54">
<a href="http://mineralitude.com/index.php/category/a-propos/">
<img class="a-propos" src="http://mineralitude.com/wp-content/themes/agama-enfant/img/a-propos.png" alt="A propos"/>
</a>
</li>
<li id="Contact" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-54">
<a href="http://mineralitude.com/index.php/category/contact/">
<img class="contact" src="http://mineralitude.com/wp-content/themes/agama-enfant/img/contact.png" alt="Contact"/>
</a>
</li>
</ul>
</nav>
<!-- Primary Navigation End -->
</div>
</div>

</header><!-- Header End -->

<?php
/**
  • After Header Wrapper

*
  • Attach custom functions after header wrapper.

*
  • @since 1.4.4
  • /

do_action( 'agama/after_header_wrapper' ); ?>

<?php Agama_Helper::get_header_image(); ?>

<?php Agama_Helper::get_slider(); ?>

<div id="page" class="hfeed site">
<div id="main" class="wrapper">
<div class="vision-row tv-row">

<?php do_action( 'agama_customize_build_page_action_start' ); ?>

<?php Agama_Helper::get_front_page_boxes(); ?>




Si quelqu'un a une suggestion, je le (la) remercie !!

1 réponse

Salut,
essayez de voir en consultant le code généré par la page et non le code voul contenant des variables PHP.
Vous pouvez ensuite déboguer en vérifiant votre CSS dans la console du navigateur voire en le modifiant directement sur la console.
ceci dit si vos fichiers sont aux bonnes dimensions et vos règles CSS correctes(qui ne sont pas présente dans l'exemple que vous fournissez) je ne voit pas le rapport avec PHP.
Mieux vaudrais tester sans.

Pour plus de clarté si vous publiez un code source utilisez les balises de code adéquates qui le rendront plus lisible.
<p>exemple pour du HTML</p>