Taille background header

Statut : non résolu

Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par Livie, le il y a 8 années et 4 mois.

8 sujets de 1 à 8 (sur un total de 8)

Auteur

Messages
24 avril 2016 à 11 h 24 min #562330
Livie
Membre

Chevalier WordPress
168 contributions
Ma configuration WP actuelle

– Version de WordPress : 4.5
– Version de PHP/MySQL :
– Thème utilisé : OneTone version gratuite
– Extensions en place : askimet, Magge Short code, rev slider, powr slide
– Nom de l’hebergeur : Planethoster
– Adresse du site : http://www.top-akita-inu.com/

Problème(s) rencontré(s) :

Bonjour à tous,

Je cherche à pouvoir contrôler la taille de mon background-header.

J’ai donc assigné une « class » à mon code dans header.php
```
<img class="header-background" src="<?php echo $header_image; ?> » alt= »top akita inu » />
```
puis j’ai créé une ligne dans mon css
```
img.header-background {
position: center;


  width: 10%;
height: 40%;

}
```
Mais ça ne marche pas

quelqu’un pourrait me dire ce que j’ai mal fait ?

merci d’avance
24 avril 2016 à 12 h 02 min #1052606

PhiLyon
Modérateur

Maître WordPress
28260 contributions

Bonjour.

Mets un point devant ta classe : .img.header-background et en plus tu ne l’appelles pas avec le nom exact (le même nom)

🙂

24 avril 2016 à 12 h 43 min #1052607
Livie
Membre

Chevalier WordPress
168 contributions
héhé encore toi Phil ^^

ok pour le point,

(du coup je ne comprend pas pourquoi ce code qui commence sans point marche très bien:
img.site-logo {
position: center;

float: none;
width: 40%;
height: 40%;

)

par contre je ne l’appelle pas avec le même nom du dis ?
Pourtant j’ai fait un copier-collé du nom de la class et ça ne marche toujours pas 😕
```
.img.header-background {
position: center;

  width: 10%;
height: 40%;

}
```
24 avril 2016 à 13 h 01 min #1052608

PhiLyon
Modérateur

Maître WordPress
28260 contributions

Essaies avec .header-background seulement ou .header-background-image

Ton code pour le logo n’est pas une classe, tu ne l’appelles pas ailleurs dans le » code « .

🙂

24 avril 2016 à 14 h 34 min #1052609
Livie
Membre

Chevalier WordPress
168 contributions
Hello re !
Nope toujours pas avec les deux nouvelles façons de l’écrire (moi qui pensais enfin avoir un peu plus compris tout ça)

voici mon header.php si tu peux y jetter un coup d’oeil au cas ou c’est moi qui me trompe depuis la début:
```
<html  class= »no-js »>

	<meta charset=" »>
	
	
	<link rel="pingback" href=" »>
	
	<script src=" »>
	



<body >
	<div class="wrapper">
		<div class="top-wrap">
        
        <img class="header-background" src=" » alt= »top akita inu » />
         
            
            <header class="header-wrap logo-left « >
             
                <div class="top-bar">
                    <div class="container">
                        <div class="top-bar-left">
                                                  
                        </div>
                        <div class="top-bar-right">
                          
                        </div>
                    </div>

   
                </div>
                 
                
                <div class="main-header « >
                    <div class="container">
                        <div class="logo-box">
                        
                        
                            <a href=" »>
                            <img class="site-logo normal_logo" alt=" » src= » » />
                            </a>
                             
                    <a href=" »>
					<img src=" » alt= » » style= »width:;max-height:; height: auto !important » class= »site-logo retina_logo » />
					 </a>
                     
                            
                            <div class="name-box">
                                <a href=" »><h1 class="site-name"></h1></a>
                                <span class="site-tagline"></span>
                            </div>
                             
                        </div>
                        <button class="site-nav-toggle">
                            <span class="sr-only"></span>
                            <i class="fa fa-bars fa-2x"></i>
                        </button>
                        <nav class="site-nav" role="navigation">
                            $theme_location,’depth’=>0,’fallback_cb’ =>false,’container’=> »,’container_class’=>’main-menu’,’menu_id’=>’menu-main’,’menu_class’=>’main-nav’,’link_before’ => ‘<span>‘, ‘link_after’ => ‘</span>‘,’items_wrap’=> ‘<ul id="%1$s" class="%2$s">%3$s</ul>‘));
					?>
                        </nav>
                    </div>

 <img src="http://fleur-de-cerisier.com/wp-content/uploads/2016/03/barre-separation-longue8.png" />



                </div>
                
                
            isTablet() || ( $detect->isTablet() && $enable_sticky_header_tablets == ‘yes’ ) || ( $detect->isMobile() && !$detect->isTablet() && $enable_sticky_header_mobiles == ‘yes’ )  ):?>
            
                <div class="fxd-header">
                    <div class="container">
                        <div class="logo-box">
                        
                            <a href=" »><img class="site-logo normal_logo" src=" »></a>
                            
                               
					<a href=" »><img src=" » alt= » » style= »width:;max-height:; height: auto !important » class= »site-logo retina_logo » /></a>
					
                    
                            
                     
                            
                        </div>
                        <button class="site-nav-toggle">
                            <span class="sr-only"></span>
                            <i class="fa fa-bars fa-2x"></i>
                        </button>
                        <nav class="site-nav" role="navigation">
                            $theme_location,’depth’=>0,’fallback_cb’ =>false,’container’=> »,’container_class’=>’main-menu’,’menu_id’=>’menu-main’,’menu_class’=>’main-nav’,’link_before’ => ‘<span>‘, ‘link_after’ => ‘</span>‘,’items_wrap’=> ‘<ul id="%1$s" class="%2$s">%3$s</ul>‘));
					?>
                        </nav>
                    </div>
                </div>
                
                
             
             
            </header>
            <div class="slider-wrap"></div>
        </div>
```
Ok pour le « . » on ne lui as pas donné de classe
26 avril 2016 à 20 h 47 min #1052610

Livie
Membre

Chevalier WordPress
168 contributions

Piti up

26 avril 2016 à 20 h 55 min #1052611

PhiLyon
Modérateur

Maître WordPress
28260 contributions

Bonsoir.

Vu la complexité de la bête, je rends mon tablier.

Il y a le code d’origine de Onetone (pas coton) plus ce que tu as rajouté.

Quelqu’un d’autre va peut-être trouver la solution.

Désolé.

🙂

27 avril 2016 à 12 h 35 min #1052612

Livie
Membre

Chevalier WordPress
168 contributions

Pas de souci phil ! je comprends merci pour tout !
Auteur

Messages