Discussion :

[inferno66667]

Bonjour,

Pour m'aider allez voir sur www.netcenters.new.fr.

En bas vous voyez ceci :

Code :

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

1
2
3
4
5
6
 
<span class="pied_de_page"> 
  <img src="CSS/images/australie.gif"alt=""/><br/> 
  Webmaster : Australian Ankou<br/>
  <img src="CSS/images/kangourousaute.gif"alt=""/>Copyright "Netcenter Corporation" 2005, tous droits réservés<img src="CSS/images/ankou.gif"alt=""/>
  </span>

Je voulais que mes deux textes sont l'un en-dessous de l'autre et que mes images soit bien un à droite et un à gauche.

Et que le drapeau soit centré.

Pouvez vous m'aider?

Merci

[Kerod]

TOn url ne fonctionne pas...

Mais tentes de le faire avec des balises en utilisant la proriété float ca devrait faire ce dont tu as besoin

[inferno66667]

désolé voici le site : http://www.netcenters.new.fr/

[inferno66667]

J'ai essayé et cela ne va pas

[ilood]

Salut,

La portion de code que tu postes ne correspond pas tout à fait à celui du site en ligne. Notamment cette ligne

Code :

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

<link rel="stylesheet" media="screen"type="text/css" title="css" href="http://www.netcenters.new.fr/CSS/pied.css"/>

qui n'a rien à faire dans le div pied_de_page.

Sinon pour mettre les images de chaque coté du texte, l'utilisation des float est une solution. Mais il faut faire attention à l'ordre des déclarations des images dans le html.
Essaie avec ceci :

html

Code :

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

1
2
3
4
5
6
7
8
9
  <div id="pied_de_page">
  <p class="pied_de_page"> 
 
<img src="http://www.netcenters.info/CSS/images/kangourousaute.gif" alt="" class="kangoo"/>
<img src="http://www.netcenters.info/CSS/images/ankou.gif" class="ankou" alt=""/>
<img src="http://www.netcenters.info/CSS/images/australie.gif" class="drapeau" alt=""/><br />
    Webmaster : Australian Ankou<br/>
    Copyright "Netcenter Corporation" 2005, tous droits réservés</p>
  </div>

css

Code :

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

1
2
3
.pied_de_page { text-align:center }
.kangoo { float: left; }
.ankou { float: right; }

[inferno66667]

Merci

[inferno66667]

Bon voila le nouveau probleme:

J'ai en haut de mon site des gifs animés pour l'accueil, le forum, etc...

J'aimerais les mettre de gauche à droite avec des espaces.

Comme exemple :
home tout à gauche

et

le lapin email tout à droite

Et les autres entre avec un espace régulier.

Merci

[Kerod]

Ben reprends la même manip pour le bas en changeant juste certains parametres

[inferno66667]

J'ai essayer et cela ne va toujours pas.

Merci

[ilood]

Ce que tu peux faire :

Code :

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

1
2
3
4
5
6
lu#contact { margin: 0; padding: 0; }
#contact li {
	list-style-type: none;
	float: left;
	width: 25%;
}

Code :

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

1
2
3
4
5
6
<ul id="contact">
	<li><a href="index.php"><img src="CSS/images/home.gif" alt="accueil" title="L'accueil"/></a></li>
    <li><a href="lien.php"><img src="CSS/images/fleche_070.gif" alt="lien" title="Liens"/></a></li>
    <li><a href="http://multiweb.monforum.fr"><img src="CSS/images/smiley_1254.gif" alt="forum" title="Le forum"/></a></li>
    <li><a href="contact.php"><img src="CSS/images/email.gif" alt="email" title="Cliquez pour me contacter"/></a></li>
</ul>

[inferno66667]

J'aimerais faire que les deux du centre soit à peu près à équidistance des autres.

Comment?

[Kerod]

EN rajoutant un margin entre les deux en % en créant une nouvelle classe que tu attribuerais au deux...

Vu que c'est un à gauche et un à droite deux classes contenant un margin-left et l'autre un margin-right ....

Si je me trompe pas

Moi j'aurais fait un div qui aurait englobé le tout avec des floats à l'intérieur et un deux en absolute mais bon...(pour le code je peux pas le faire là, j'ai pas de temps désolé)

[inferno66667]

Si tu m'indiquais avec un div cela serais sympa