28172 sujets

CSS et mise en forme, CSS3

Mode pleine page

Bonjour,

1/ Largeur du Header et du Container

Je m'arrache les cheveux pour trouver comment enlever le petit trait qui est en fait le fond du header sous le fond blanc : http://planetemaneki.com/travailler-avec-planete-maneki

Si j'arrive à l'enlever, je le ferai pour tout le site (il est présent sur toutes les pages mais c'est sur cette page qu'on le voit vraiment).

2/ Mode pleine page

J'aimerais ensuite mettre une autre page en pleine page mais je ne sais pas si c'est possible car tout le site a l'air d'être programmé en mode width = X% mais le problème c'est que je ne trouve pas où est le CSS "maître" qui fait que le site ne se met pas en pleine page mais en X% de la largeur de la page (c'est pour y mettre un parallax)

Merci vivement pour vos éléments de réponses. Smiley cligne
seyth a écrit :
Bonjour,
Je m'arrache les cheveux pour trouver comment enlever le petit trait qui est en fait le fond du header sous le fond blanc : http://planetemaneki.com/travailler-avec-planete-maneki

Je n'ai pas de réponse à ce problème, ne voyant pas trop de quel "petit trait" il s'agit lors de ma navigation sur Firefox (JS désactivé).
Par contre, en jetant un coup d'oeil au source de la page HTML, il y a une partie (ligne 160) qui semble pour le moins bizarre en plein milieu de la balise BODY :
<!doctype html>
<html class="no-js" lang="fr">
  <head>
...
  </head>
  <body>

Il semble qu'il y ait une imbrication de documents lors de la sérialisation HTML.
Merci pour ces éléments de réponse. Je vous mets en pièce jointe une image où j'ai entouré l'endroit qui pose problème.

upload/1487543727-64250-petit-trait-gauche.jpg

Cela est dû à l'imbrication d'une zone sur l'autre mais je ne vois pas comment régler le souci.
Apparemment le problème ne survient ni sous Firefox, ni sous Opera sur mon poste de travail...
Une solution pourrait être de donner une marge gauche légèrement négative à l'élément blanc, avec un z-index supérieur à 0, pour s'assurer qu'il vient bien recouvrir l'élément grenat.
Bonjour,

Il est terrible ce template, on y trouve une image non pas insérée sur une div via une règle background-image, mais directement dans le template avec une balise comme ceci :
<img class="overlay-circle-red-header" src="/img/mask-circle-red-B.png" onmousedown="return false" onmousemove="return false">

Mais ce n'est pas celle-ci qui pose problème, non, l'image incriminée est, elle, insérée via une div (ben oui, optons pour une logique différente pour chaque item du site...).

Cette div est donc positionnée en absolu (avec des top a 41px). Par contre la div recouvrant cette image (mais pourquoi faut-il charger une image pour ensuite la recouvrir par un fond blanc, on se le demande) a un width réglé en... pourcentage :
.main-B {
    width: 68%;
}

Voici donc le mal absolu : entre un truc positionné en absolute avec des corrections en pixels d'une part et un autre truc définit en pourcentage d'autre part, forcément, ça ne passe pas.

Bref, ce template a été codé avec les pieds. À première vu il est joli et ça passe, mais en y regardant de plus près : partir sur une base comme ça pour ensuite devoir la maintenir... c'est chaud. Je commencerais donc par changer de thème pour partir sur une base plus solide.
Modifié par Olivier C (20 Feb 2017 - 08:33)
Sujet clos
Aller à