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

Problème pour insérer une image correcte

wooly
wooly
Niveau 10
29 mars 2007 à 18:14:35

ment! ^^

J´ai posté sur le site du zéro mais ils prennent trop de temps à répondre pfiuu.

Alors je copie colle mon problème, vous m´en direz des nouvelles :rire:

Bonsoir à tous!

Je suis un peu perdu depuis presque une heure :(

Voici mon problème (et j´espère que vous saurez le résoudre, je suis sûr que c´est tout bête en plus :D ):

Depuis maintenant donc une heure, je m´obstine à vouloir mettre une image en bas d´une de mes page xhtml, pour rediriger les gens vers la page principale! :)

Mais voilà que je transforme alors mon image (qui à la base est inline vous le savez bien hein :p ) en bloc. Alors bon, j´arrive à enlever les bordures etc, je peux centrer l´image si je veux, mais si je passe avec ma souris juste à coté de l´image (tout le coté gauche et droit) eh bien je peux aussi cliquer là, dans le vide, et je suis dirigé vers ma page principale :(

J´ai essayé avec un div, ça donnait beaucoup mieux, mais je trouvais que mon code était un peu farfelu, j´étais sur qu´il y avait simple, et je voulais comprendre pourquoi je m´emmêle les pinceaux! :o

Alors si quelqu´un voit ce que je veux dire, je lui serait infiniment reconnaissant.

PS: en plus qu´en je veux juste mettre au-dessus de la photo "cliquez ci-desous pour être redirigé sur la page principale" ben c´est encore une tout autre affaire fiuuu!!!"

Wooly

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 18:16:51

pourquoi ne pas simplement rendre ton image cliquable ou mettre une zone map cliquable ?

wooly
wooly
Niveau 10
29 mars 2007 à 18:20:56

Mais je sais rendre mon image cliquable, le problème c´est que quand j´essaye de faire ça, c´est pas seulement l´image, mais un espèce d´énorme bloc sur ma page :-(

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 18:35:52

donne nous le lien

wooly
wooly
Niveau 10
29 mars 2007 à 18:41:10

Bah c´est que il n´est pas encore mis sur internet ^^

Limite, montrez-moi le code correcte que vous feriez, pour mettre une image en bas de page, centrée, et qu´on puisse cliquer dessus. (Avec si possible le texte au-dessus qui dit "Cliquez ci-dessous pour être rediriger vers la page principale", c´est sutout ça qui est dure je trouve).

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 18:46:41

Pour mettre du texte sur une image il faut mettre cette image en fond donc elle ne devient plus cliquable

mais vu que j´ai pas envie de me faire chier a te coder 5 lignes, si tu veux pas nous donner une page ou ton code, ben laisse tomber, je te laisse avec les autres

wooly
wooly
Niveau 10
29 mars 2007 à 18:51:09

Non non, je veux mettre le texte juste au-dessus de l´image !! !

XHTML:

<p class="duredure"> Cliquez ci-dessous pour retourner à la page principale <a href="essai2.html"> <img src="images/is14.jpg" class="imageblock" alt="Iori Yoshizuki de I´s" title="Iori Yoshizuki"/> </a> </p>

CSS:

.duredure
{
border: none;
}

.imageblock
{
display: block;
border: none;
width: 400px;
margin: auto;
}

Mais bon c´est brouillon là, y a pas de couleur :-(

Slash[S]nakepit
Slash[S]nakepit
Niveau 10
29 mars 2007 à 18:59:02

Essaye en fusionnant ta classe .imageblock dans .duredure et arrange ensuite.

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 19:19:02

quel est la taille de ton image ?

wooly
wooly
Niveau 10
29 mars 2007 à 19:21:10

800x600 je pense

wooly
wooly
Niveau 10
29 mars 2007 à 19:21:22

Euh non qu´est-ce que je dis, atta je vais allez voir

wooly
wooly
Niveau 10
29 mars 2007 à 19:22:27

Je ne sais pas comment tu sais voir la taille? :rouge:

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 19:35:18

tu fais un clique gauche sur l´image et ca te donne la taille dans le menu de gauche de windows

Pradou26
Pradou26
Niveau 10
29 mars 2007 à 19:36:14

ou clique droit >> propriété >> résume >> avance

wooly
wooly
Niveau 10
29 mars 2007 à 19:42:28

402 en largeur et 500 en hauteur ...

wooly
wooly
Niveau 10
29 mars 2007 à 21:18:05
  • Slash[S]nakepit profil

* Posté le 29 mars 2007 à 18:59:02 avertir modérateur
* Essaye en fusionnant ta classe .imageblock dans .duredure et arrange ensuite.

Bien joué Slash, c´était ça, t´es trop balaiz ^^

Merci beaucoup :-p (j´ai carrément supprimé la classe duredure elle servait à rien en fait ^^)

Slash[S]nakepit
Slash[S]nakepit
Niveau 10
30 mars 2007 à 15:31:44

:-d

De rien.

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