Discussion :

[ickyknox]

Bonjour,

sur mon site :
http://icreatorbeta.free.fr/

j'ai un tableau avec une partie gauche (à modifier) et une partie droite (bonne)

Je n'arrive pas à aligné le titre "bienvenue" au titre "prestations"
IDEM pour le paragraphe que je n'arrive pas à centrer par rapport aux 3 boutons en vertical

Je me retrouve obligé de rajouter des cellules et de les remplir pour à peu près obtenir quelque chose.

Vous pensez qu'il est possible d'afficher mon titre à quelques pixels du haut , puis de faire pareil pour mon paragraphe ?

je vous remercie

[Muchos]

Voilà pourquoi on dit et re-dit de ne pas faire de mise en page avec des table html -_-

Franchement, je te propose de recoder la page et d'utiliser une grille avec des boites : une pour Bienvenue et une pour Prestation. ( En plus, l'approche en grille est à la mode ! <3 )

PS: On t'avait déjà précisé que c'est <meta name="keywords"> et non <meta name="keyboards"> !
PPS: N'a-t-on pas non plus ressassé l'intérêt du validateur ? Il y a beaucoup d'erreurs sur ta page.

[Romalafrite]

Joue avec la CSS et les margin sur tes éléments si tu veux modifier la position de tes éléments

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<style type="text/css">
.monElementAAjuster {
 margin-top: 5px;
}
</style>
 
<h2 class="monElementAAjuster">mon titre à ajuster</h2>

CSS à externaliser bien entendu

[ickyknox]

merci à vous pour vos réponses.
A vrai dire, je ne sais meme plus ce qui est bon ou pas bon car certains disent qu'il faut des tableaux, d'autres des object, des ci des ca ...

mais bon, je fais des bétises et au cours du temps on me corrige,
donc je vous remercie de me remettre sur le droit chemin.

L'idée de la grille avec des boites , je vais m'y pencher dessus.
Par contre qu'est ce que c'est ?
y a t-il un tuto dessus ?

merci encore

[bob633]

Je ne connais pas les expressions avec "découpage en boite" ou "découpage en grille" mais en effet les table HTML sont obsolètes pour faire de la mise en page.

Idéalement tu ne devrais utiliser que des div et du css pour mettre en forme tes pages. Je pense que mon VDD voulait en venir là dessus :

Une div pour ton titre / header
Une div pour ton menu
Un div pour ton corps de page. Dans cette div tu peux ajout des "sous div" pour mettre en forme le contenu de ta div corps par exemple.

Ensuite le css te permet de mettre en forme ces divs et avec des margin:auto ou padding:auto on s'en sort très bien pour centrer ces titres, header, ...

[Muchos]

bob633 a tout à fait raison. Les boîtes sont généralement simples à mettre en forme en css, et elles séparent bien le contenu dans le code mais aussi au regard.

Je me suis exercé à refaire ta page d'accueil.
J'ai rebalisé en html5 (c'est ce que tu utilises), et j'ai essayé d'autoriser les redimensionnements. Par contre, je ne sais pas garder la bande blanche du contenu jusqu'en bas s'il n'y a pas de contenu par ex.
Si ça t'intéresse, tu peux réutiliser et modifier le code html/css.

Attention : ça n'est pas du design en grille. Il s'agit juste d'utiliser des unités relatives (%, em, ex…), et des boîtes parfois flottantes, parfois non, ou alors disposées en tableaux (display: table; en css, et non table en html)

[Archimède]

ta feuille de style est très intéressante.
Jolie présentation.

[ickyknox]

Merci à tous pour vos réponses.
Elles me sont d'une aide précieuse, notamment MUCHOS qui a carrément reproduit ma page d'accueil !!

je pense que je vais réutiliser tout ton code afin de refaire mon site.
J'ai récupéré les infos sur :
http://renoult-jonathan.tilde3.eu/fi...-joints/2012/#

je les ai transmises par ftp sur mon site :
http://icreatorbeta.free.fr/plenithune.html


le faite est que ton post est très intéressant muchos, et j'ai vraiment envi de l'exploiter au max car il résous pas mal de mes problèmes.

par contre, je ne comprends pas comment faire pour que mes 5 icones sur le coté ne bougent pas selon la taille de la fenetre.

Y a t-il un moyen pour en garder 3 sur une colonne et 2 sur une deuxième colonne, comme je l'ai fais sur ma version finale :

http://plenitude-beaute06.com/Bienvenue.html

Merci encore pour le temps que t'as pris pour moi !

[Muchos]

Y a t-il un moyen pour en garder 3 sur une colonne et 2 sur une deuxième colonne, comme je l'ai fais sur ma version finale

En en mettant 3 dans un conteneur à gauche, et 2 dans un conteneur à droite, ça devrait marcher

[ickyknox]

ah daccord. Un conteneur c'est la balise SECTION ?

si je fais une 3 eme section, elle sera calée aux 2 premières du coup ?

[Muchos]

Des <div> c'est suffisant, parce que les parties du menu ne représentent pas des sections à proprement parler.

Par contre, les éléments du menu sont actuellement des blocs qui ne se coupent pas. Or, l'image + le texte, ça fait un bloc assez large, et dès qu'il y a un zoom, ça se décale beaucoup.
Faudrait peut-être mettre le texte en bas de chaque bloc, sous l'image. Vous gagneriez de la place, et vous pourriez rajouter votre 3e section.

[ickyknox]

merci encore muchos pour toutes ces précisions