HTML, PHP, CSS, Javascript et ses amis

Un problème concernant le forum ? Une critique pertinente au sujet du site ? Pour tout cela et plus encore, c'est ici !

HTML, PHP, CSS, Javascript et ses amis

Messagede Mr. Toiles Héroïques » Sam 20 Oct 2012 02:39

J'ouvre ce topic pour poser à l'occasion une ou deux questions techniques concernant le code du site

Merci de poster seulement si vous avez une réponse à apporter (=> c'est pas un topic discussion ;) )

Du très simple aujourd'hui :

http://lestoilesheroiques.fr/wp-content ... titrek.jpg

A droite sur cette image, le rendu actuel : aucun espace entre le header et le contenu.
A gauche sur cette image, le rendu souhaité : un espace de quelques pixels entre le header et le contenu.

Question : comment passer de l'un à l'autre. L'utilisation de "<p>" ou "<br><br>" entraîne un espace trop grand qui ne me convient pas.

Merci à celui ou celle qui trouvera une solution :)
Les Toiles Héroïques
http://lestoilesheroiques.fr/
Messages: 5014
Inscription: 01 Nov 2011
Localisation: Paris City

HTML, PHP, CSS, Javascript et ses amis

Messagede Dunno » Sam 20 Oct 2012 03:24

bon... j'ai commencé Dreamweaver cette semaine, donc je suis pas à 100% sûre de moi, mais il me semble que si tu espaces ta <div id="nav"> du header dans une feuille de style avec le "top"(dans la partie head), ca devrait pouvoir fonctionner.
ca donnerait une truc du genre :
<style>
#nav {top: (entre le nombre de pix);} </style>

ou l'inverse avec le bottom genre #header {bottom: (nbredepix);}


c'est con pasque j'ai eu exactement le même problème ce matin et j'ai pas posé la question à mon prof :( en plus je vois que t'as importé des feuilles de style css et ça j'y suis pas encore :oops:

comme je suis pas pas encore hyper calée en pix/mm je peux pas te dire, tout comme je peux pas te certifier que ma réponse est correcte... mais vu que t'as plus l'habitude que moi, ca peut éventuellement te donner des pistes en attendant la réponse de quelqu'un de plus calé que moi.
Avatar de l’utilisateur
Dunno
Divinité supérieure
 
Messages: 4666
Inscription: 04 Nov 2011
Localisation: Somewhere over the rainbow

HTML, PHP, CSS, Javascript et ses amis

Messagede Dunno » Lun 22 Oct 2012 00:24

vu qu'il y a pas eu d'autres réponses, je demanderai à mon prof demain ;-)
Avatar de l’utilisateur
Dunno
Divinité supérieure
 
Messages: 4666
Inscription: 04 Nov 2011
Localisation: Somewhere over the rainbow

Messagede PierreDave85 » Lun 22 Oct 2012 01:24

Si tu as accès au fichiers css, tu peux modifier les écarts de l’objet grâce aux margin.
Il faut que tu identifie les caractéristiques de ton objet dans la liste du fichiers css.

#nomdetonobjet
{
margin: 0px;
}

Tu peux ajuster à tout les cotés:
margin-left
margin-right
margin-top
margin-bottom

Plus de détails: http://www.cssdebutant.com/les-marges-margins-css.html

Question, tes div sont-elles positionnés en relatives ou absolues ?
Mon blog avec mes BD: http://pierredave85.blogspot.fr/
Avatar de l’utilisateur
PierreDave85
Kick-Ass
 
Messages: 83
Inscription: 04 Avr 2012

HTML, PHP, CSS, Javascript et ses amis

Messagede Dunno » Lun 22 Oct 2012 14:32

c'est pile ce que je vois aujourd'hui. Effectivement bottom et top tout seul, ca risquait pas de marcher :oops:
Avatar de l’utilisateur
Dunno
Divinité supérieure
 
Messages: 4666
Inscription: 04 Nov 2011
Localisation: Somewhere over the rainbow

HTML, PHP, CSS, Javascript et ses amis

Messagede GaUgAu » Lun 22 Oct 2012 16:35

D'après ce que j'ai vu et compris code source, tu n'as pas accès aux fiches CSS directement créées par WordPress mais il en existe une pour le moment vide qui, si tu la remplis devrait prendre l'ascendant sur les autres et s'appliquer à la place.

Ce que dit PierreDave85 est la meilleur solution je pense, par contre soit sur que tu modifies bien le Header et que celui ci ne se rapporte pas à la bannière LTH tout en haut du site ( qui elle a une marge "bottom" de 5 px déjà rentrée => cf pages de style css)
Ne fait que passer... et le regrette :/
Avatar de l’utilisateur
GaUgAu
Gardien Observateur
 
Messages: 2027
Inscription: 04 Nov 2011

HTML, PHP, CSS, Javascript et ses amis

Messagede Mr. Toiles Héroïques » Mar 23 Oct 2012 00:56

Merci pour toutes ces réponses... je vais regarder ça dès que la tornade Iron Man 3 sera passée (histoire de planter le site APRES :) )
Les Toiles Héroïques
http://lestoilesheroiques.fr/
Messages: 5014
Inscription: 01 Nov 2011
Localisation: Paris City


Retourner vers Le Site - Le Forum

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 11 invités