Je suis en train de monter mon blog perso, avec le moteur de blog Wordpress. Le blog fonctionne à l'horizontale et j'ai quelques soucis de mise en page que mes compétences personnelles ne sont pas en mesure de résoudre :/
Voici le tout du problème
Blog : http://bleuorange.ifrance.com
Fichiers : http://bleuorange.ifrance.com/THW.rar
- il faudrait que la sidebar (recherche, archives, catégories) soit tout à gauche juste avant les posts, même disposition qu'eux, en bloc de 350 px de largeur.
- que les infos sur les posts (dates, nb comments, titre...) soient en dessous des posts et non n'importe où comme là
- et aussi virer l'espace en haut, (je parle pas de la pub) pour qu'il reste 15px de vide entre le bord du navigateur et les images
Help me please :/
Merci
Forum Programmation.web Blog horizontal, souci de mise en page
9
déc.
2006
# CSS et HTML...
Posté par NeoX . Évalué à 1.
https://addons.mozilla.org/firefox/60/
en francais :
http://joliclic.free.fr/mozilla/webdeveloper/
puis ouvre ton site et demande dans la barre "CSS" -> "Edit CSS"
ca t'ouvre une fenetre sur le coté dans lequel tu peux jouer avec le CSS en live.
une fois que tu as trouvé le reglage, copie/colle dans ton fichier css sur ton site.
et voila.
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
en effet dans le site tu utilise les class
.content
.storycontent
etc, mais qui n'ont pas d'existence dans ton fichier thw.css
du coup rien n'est pris en compte.
essaie avec webdeveloper d'afficher les "information"->"display div order"
ca te donnera au moins le nom des class css utilisées et donc à toi de voir comment tu veux les modifier.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
J'ai installé Webdeveloper comme conseillé, mais si j'édite mon CSS et que je l'applique, rien ne change :(
Ne sais tu pas faire le ménage dans tout ça et me redonner les fichiers ensuite ? Ca fait des semaines que je traine ce truc, je commence à en avoir des migraines :(
Merci de ton aide
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
ou alors tu fais "Information" -> "display div order"
ca t'affiche les noms des class utilisées pour chaque morceau,
ex :
div #menu 28
ou
div .content 4
cela veut dire qu'il faut faire un css contenant au moins
body {
background: #606060;
color: #000000;
}
#menu {
propriétés: valeurs;
}
.content {
propriétés: valeurs;
}
ensuite pour savoir comment faire les choses en css, il faut lire/visiter le site
http://www.alsacreations.com/
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
recupere ta page chez toi, fais tes essais de css et redepose le fichier .css sur ton site.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
Plus de soucis de pubs... mais rien ne va
Comment puis je déplacer des élements ? Comme le menu que j'aimerai mettre à gauche
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
pourquoi tu dis à ton css que ta page fais 5000px de large ?
ensuite le CSS tiens compte de l'ordre d'insertion dans la page html.
et donc ton menu apparemment est en position 14 donc APRES les posts...
bref il te faut relire et ordonner ton fichier html
et mettre ton fichier css en accord avec ce que tu veux faire.
et retourner sur le site alsacreation pour comprendre les diverses options que tu peux utiliser.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
comment est ce que j'édite la page html ? je n'ai que des fichiers php sous les yeux
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
met ton menu avant de mettre tes posts
et le visuel horizontal n'est pas des plus pratique à lire.
mais apres tout c'est ton site, c'est donc toi qui vois.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
par contre... comment ça va marcher ? combien de posts va t il afficher ? au bout d'un certain nombre la mise en page va s'écrouler ou il changera de page ?
j'ai effectué les modifs, maintenant jme demande bien pourquoi il met des puces sur mon menu...
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
avec largeur/hauteur du body et du content tu dois pouvoir jouer.
par definition il va aller jusqu'a tes 5000px
apres, ben, heu c'est apres...
mais il y a plein d'options css pour agrandir la hauteur ou la largeur
sinon il faut que tu joue en php et html pour limité le nombre de photo en largeur...
les puces dans le menu : c'est par ce que c'est codé comme une liste (< u l> < li > ... < /li >< /ul >)
mon avis sur le design horizontal, la molette ne fonctionne pas pour voir la suite.
je suis en 1280x1024 et je ne vois que les 2 premieres photos
et donc en jouant avec le plugin web developper (pour tester le css)
et en epluchant le site www.alsacreations.com tu va y arriver.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
pour les puces, jai justement viré toutes ces balises
jignore pourquoi ça reste
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
On me conseille ça pour l'affichage : " chaque article est inclus dans un bloc ... il serait bien plus simple de créer une liste non ordonnée () puis de mettre chaque article en tant qu'élément de cette liste (encadré par et ) et enfin de déclarer cette liste comme "inline" c'est-à dire en mise en page horizontale... Ainsi pas besoin de mettre des balises html et du css superflu, c'est clair et net, et la mise en page ne se cassera pas la gueule "
Tu en penses quoi ?
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
qui font les puces
2°) ben c'est mieux en effet de definir un bloc "photo" avec titre, image, commentaire
et de mettre ensuite c'est bloc dans une liste pour horizontaliser tout ca.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
pour faire un bloc c'est mettre tout les composants dans une seule div
ensuite tu mets toutes ces divs dans une seule à laquelle tu donne un nom et dans la css tu lui donne display:inline; comme attribut, en plus des autres attributs.
mais tu as lu un peu le site alsacreations
pcq ca explique bien les choses, quitte a faire un site de test pour se faire la main avec les tutoriaux qu'il propose.
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
non ?
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
mais dans le body, width est à 5000px;
jai essayé de mettre 3000 pour voir, et la mise en page se casse la gueule, les posts se superposent au lieu de s'aligner.... ce qui me fait penser que si je laisse à 5000 et que si jajoute dautres posts, ça se cassera la gueule aussi..;
comment faire ?
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
Là j'ai créé une multitude de posts, il affiche bien le "page suivante" ("next page") mais la mise en page se casse qd mm la tronche
[^] # Re: CSS et HTML...
Posté par NeoX . Évalué à 1.
pour permettre un debordement.
sinon ca se casse la gueule car tu n'arretes pas d'afficher apres avoir calculer (via php) qu'il faut afficher "page suivante".
une idée ?
regarder en mysql les options limit X,Y
histoire de ne prendre que Y post en demarrant au Xe.
X et Y variant selon la page que tu consultes...
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
Une idée pourquoi je n'arrive pas à déplacer "page suivante" ?
J'aimerai qu'il soit plus bas mais ni margin ni padding ne change sa place
[^] # Re: CSS et HTML...
Posté par automne . Évalué à 1.
maintenant mon souci cest que l'image que j'ai ajouté avant les posts (qui me servirait de logo au blog) s'affiche tout le temps, quand on ouvre un post pour afficher les commentaires, cette image est là en plus de l'image du post :/
comment faire pour qu'elle n'apparaisse que dans la page "principale" et non pas dans toutes les pages commentaires
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.