Bonjour à tous,

Sur mon site qui n'est constitué que de Html et Css, je voudrais aligner plusieurs photos ou images de petite taille. Mais quoi que je fasse elles se mettent les une au-dessus des autres. Quelqu'un pourrait me dire comment faire ? Merci pour vos réponses.

Mica Doo

http://sitedemikadooshop.free.fr/

Salut

En faisant un tableau avec des vignettes cliquables par exemple ...

Par contre ton ......je cherche le mot .......site , euh , il te reste pas mal de boulot !!

Courage .

Salut,

Te casse pas la tete et ouvre ta page avec NVU et place les images apres avec centre, droite, ou gauche.

Sinon attend une réponse des pros qui vont te donner le code éxact a mettre ou modifier.

Ton ptit site est au commencement la tu finiras par obtenir qu'elle que chose de bien, regarde moi

Au départ c'était une page blanche avec un ou deux lien violet pas beaux

Une liste horizontale, peut-être, s'il s'agit de plusieurs photos?

Exactement, elle et avec le style suivant pour l'<ul> :

{
display: inline;
width: n%;
float: left;
}

width: n% permet de répartir les images également, n étant égal à 100 divisé par le nombre d'images.

Bonsoir jpbardiau

Pourquoi tu rajoutes pas li pour ton code.
Et si le nombre d'images est le même, gère ta marge

ul#galerie li
{
display: inline;
margin-left: 10px;
float: left;
}

Pourquoi un float?

Pourquoi un float ? La répartition égale ne se fait pas s'il n'y a le float: left;

RE

Si tu veux tes images au milieu, au lieu du float: left; fait une class pour centrer

.center
{
text-align: center;
display: block;
}

Perso j'ai fait comme ça :

ul.miniatures {list-style-type: none; }
ul.miniatures li {float: left; border: 1px solid white;}

<ul class = "miniatures" >
<li><a href = "" ><img src = "" alt = "" /></a></li>
</ul>

jpbardiau a écrit :

Pourquoi un float ? La répartition égale ne se fait pas s'il n'y a le float: left;

Sur l'item (li), pas sur ul...

Re

Avant toute chose , il me semble plus important de s'occuper du contenant avant le contenu !!

Dreamer a écrit :

Avant toute chose , il me semble plus important de s'occuper du contenant avant le contenu !!

Tu te cherches de l'ouvrage?

elle a écrit :

Dreamer a écrit :

Avant toute chose , il me semble plus important de s'occuper du contenant avant le contenu !!

Tu te cherches de l'ouvrage?

Non , merci , je suis surbooké pour l'instant ......Je t'envoie le lien de qui tu sais par MP !!

Dreamer a écrit : Avant toute chose , il me semble plus important de s'occuper du contenant avant le contenu !!

Euh, c'est pas ce que fait Mika Doo ?

telliak a écrit :

Dreamer a écrit : Avant toute chose , il me semble plus important de s'occuper du contenant avant le contenu !!

Euh, c'est pas ce que fait Mika Doo ?

Mouais .....

Bonjour à tous et merci pour vos réponses,

Surtout Dreamer : ses encouragements et ses conseils me vont droit au coeur.

Je sais que mon "....site " est un vrai "merdier" mais, bon, je débute et j'essaye de l'améliorer comme je peux, quand j'ai le temps, avec l'aide d'internautes sympas qui se souviennent qu'ils ont eux aussi débuté.

Bref, j'aimerais essayer ceci comme le suggère Elle :

{
display: inline;
width: n%;
float: left;

}

width: n% permet de répartir les images également, n étant égal à 100 divisé par le nombre d'images. mais pratiquement, je n'ai pas réussi.

J'ai aussi fait un essai avec Nvu qui a l'air d'avoir beaucoup de possibilités. Il suffit de l'avoir en main je pense. Mais pour l'instant je n'ai pas encore pu aligner mes photos. Si vous avez d'autres conseils, je suis preneur.

Amicalement,

Mika Doo

Bonjour,

En premier lieu il te faut valider ton code avec le validator. Des erreurs de balises peuvent empecher l'application de styles. Ils les empechent d'ailleurs.

J'ai vu rapidos qu'il avaient deux balises p qui ne vont pas.

Une entre head et body et une juste avant .

est de plus très très mal placé puisque mis avant et ça ça ne va pas du tout. Il faut la mettre juste après.

Il est très important de vérifier son code Xhtml avant d'essayer de trouver une erreur dans les styles.

Déjà, la correction de ces erreurs permettra de bien mieux te guider dans les styles. Peut être même que ce que tu as fait fonctionne.

Ca c'est juste pour la page d'accueil. Il y en a d'autres dans la suivante qui empechent toute application de styles.

Allez, on relève les manches ?

Mika Doo a écrit :

Bonjour à tous et merci pour vos réponses,

Surtout Dreamer : ses encouragements et ses conseils me vont droit au coeur.

Je sais que mon "....site " est un vrai "merdier" mais, bon, je débute et j'essaye de l'améliorer comme je peux, quand j'ai le temps, avec l'aide d'internautes sympas qui se souviennent qu'ils ont eux aussi débuté.

Bref, j'aimerais essayer ceci comme le suggère Elle :

{
display: inline;
width: n%;
float: left;

}

width: n% permet de répartir les images également, n étant égal à 100 divisé par le nombre d'images. mais pratiquement, je n'ai pas réussi.

J'ai aussi fait un essai avec Nvu qui a l'air d'avoir beaucoup de possibilités. Il suffit de l'avoir en main je pense. Mais pour l'instant je n'ai pas encore pu aligner mes photos. Si vous avez d'autres conseils, je suis preneur.

Amicalement,

Mika Doo

Désolé d'avoir été un peu direct , mais je vais te poser une question simple : Que veux-tu mettre sur ton site ??

Cela pourrait nous aider a mieux te répondre !!

Eh le Xhtml ?

Comment voulez vous mettre un code incorrect ?

tirikou a écrit :

Comment voulez vous mettre un code incorrect ?

Ben, c'est facile, non?

RE

Mika Doo, perso je commencerais par virer ce rollover sur les liens, énorme, agressif et surtout ce vert qui passe mal selon les fonds de pages

Désolé mais sans code html cor rect il n'est pas posible de voir autre chose.

Bonjour et merci à tous pour vos réponses.

Je vais tenir compte de vos conseils pour améliorer tout ça.

Ce que je veux mettre sur mon site ? Disons que pour l'instant je n'ai pas de thème particulier, tout ceci est destiné à m'entraîner, à juger des effets de telle ou telle application. J'ai l'intention par la suite de créer un vrai site bien structuré mais pour l'instant je n'ai pas de projet bien défini. Il faut d'abord que j'étudie le Php et il y a du boulot.

Bonne journée, amicalement,

Mika Doo

RE

C'est une bonne idée de faire un site test pour mieux comprendre.
Applique déja les conseils, demande encore, etc......

Bonjour,

Ok, c'est ce que je vais faire. Encore merci.

A+

Mika Doo

Si tu veux Alsacréations propose un générateur de squelette.

Il te restera ensuite plus qu'à tester quoi et comment mettre entre les balises body.

le lien :

http://css.alsacreations.com/outils/squelettor/index.php

tirikou a écrit :

Si tu veux Alsacréations propose un générateur de squelette.

RE

Je crois qu'il existe plus depuis que le ....chenil du coin a internet

Salut,

Sinon, tu peux utiliser Cooliris pour créer tes pages.

J'explique: Cooliris est à la base un plugin pour navigateur web, qui permet de voir toutes les images d'une page web sous forme de gallerie 3d (mur d'images). C'esttrès jolis et ca fait un peu modern.

Sur le site tu peux télécharger un petit programme (gratuit). Tu classes tes images sur ton pc de facon à ce que un dossier = les images que tu veux insérer sur une page, un second dossier une seconde page,...
Une fois le dossier sélectionner, le logiciel va te créer lui-même une page (blanche) avec toute tes photos mais sous forme de vignette cliquable (un clique envois sur une page avec la photo choisie en taille réel) et compatible avec le plugins cooliris. Une fois ca fait, tu peux toujours éditer la page avec ton editeur pour la personnaliser. Logiciel ici.

Exemple assez simple ICI

Très facile pour es débutants....

Voila, en espérant que c'est assez clair... vu l'heure, j'ai dur. lol

Je vais essayer tout ça, merci à vous tous !