CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problemes avec les images

-swateur-
-swateur-
Niveau 10
13 juillet 2007 à 15:06:16

Bonjour

J´ai une petite question pour les pro du html et du css ^^.
J´ai le corps de ma page qui doit etre large d´environ 800.
Je veux mettre 2 photo de 250px l´une a coté de l´autre et faire en sorte que chacune des deux soient clicables pour cela j´utilise le code

Citation :
Code : HTML
<p>
<a href="lien"><img src="emplacement" class="potes" alt="osef"/></a>
</p>

Cependant, vous avez remarqué qu´il doit rester environ 300px sur le coté droit. Dans cet emplacement j´ai envi d´écrire une petite remarque ou un petit texte cependant j´arrive pas a le coder correctement.
En effet, quand je rajoute du texte entre le </a> et le </p> il se place en bas a droite de mes images au lieu de se placer en haut a droite.
J´ai aussi essayé avec float: left et alors la tout se place a peu pres bien sauf qu´elles ne sont plus considérées comme dans le corps car j´ai mis un border autours et elles en dépasse

Merci a ceux qui pourront m´aider

mt_rand
mt_rand
Niveau 4
13 juillet 2007 à 15:53:54

<p>
<a href="#">
<img src="#" alt="" />
<img src="#" alt="" />
</a>
</p>
_________________________

p a
{
float: left;
border: none;
}

mt_rand
mt_rand
Niveau 4
13 juillet 2007 à 15:58:47

Ah, mais...
Deux images cliquables qui renvoient vers elles-mêmes, un zoom ?
Mmmh...

___________________
<p>
<a href="#"><img src="#" alt="" /></a>
<a href="#"><img src="#" alt="" /></a>
Texte
</p>
___________________

p a
{
float: left;
border: none;
margin-right: 5px;
}
___________________

Mmmmh... À voir.

-swateur-
-swateur-
Niveau 10
13 juillet 2007 à 19:12:30

Nan en fait c´est des photo et quand on clique dessus elle renvoi vers une autre page de description.
Par contre voila mon css, les images ont la class="potes"
img
{
border: none;
}

.potes
{
float: left;
}

axeee
axeee
Niveau 9
15 juillet 2007 à 11:19:12

c´est normale puisque ton texte est sur la même ligne que tes images, donc comme les images sont plus grande on voit le texte en bas de celles-ci. Un peu comme le traitement de texte ^^, tu devrais rajouter un div à côté des images et tu le rétréci pour que ça rentre dans le corp à coté

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment