Superposer texte sur image ???
Résolu/Fermé
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
-
24 janv. 2008 à 20:49
Maknash Messages postés 643 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 15 juillet 2013 - 31 janv. 2008 à 22:07
Maknash Messages postés 643 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 15 juillet 2013 - 31 janv. 2008 à 22:07
A voir également:
- Superposer un texte sur une image html css
- Image iso - Guide
- Mettre un texte en majuscule - Guide
- Editeur html - Télécharger - HTML
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
11 réponses
ajaxPowaa
Messages postés
6
Date d'inscription
jeudi 24 janvier 2008
Statut
Membre
Dernière intervention
24 janvier 2008
24 janv. 2008 à 21:07
24 janv. 2008 à 21:07
Salut à toi,
c'est très gentil de penser aux utilisateurs et au temps de chargement des pages !
deux solutions s'offrent à toi : l'AJAX et l'iframe
Comme le montre le pseudo, j'aime l'AJAX mais je ne le conseille pas à ceux qui n'ont pas déjà l'habitude de coder en au moins un language serveur et un language clieut.
pour éviter le rechargement de ta grosse image de fond, tu peux utiliser l'iframe (html). Je ne sais pas si tu connais <iframe></iframe>, si non, en bref il suffit de la considérer comme une fenêtre d'exploration à l'intérieur de la fenètre principale.
Dans ta page principale, tu mets à l'endrois voulu <iframe name="myFrame" src="premierePage.htm"></iframe>. Tes liens pour changer le contenu de cette frame seront du style <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> ... et le contenu de nouveauContenu.htm se chargera dans la frame.
Raf
PS : une autre possibilité, est de précharger TOUT le contenu de ton site dès le premier coup (s'il n'est pas trop lourd) et de placer le contenu de toutes les pages dans des <div> que tu cache et montre en fonction de tes envies
c'est très gentil de penser aux utilisateurs et au temps de chargement des pages !
deux solutions s'offrent à toi : l'AJAX et l'iframe
Comme le montre le pseudo, j'aime l'AJAX mais je ne le conseille pas à ceux qui n'ont pas déjà l'habitude de coder en au moins un language serveur et un language clieut.
pour éviter le rechargement de ta grosse image de fond, tu peux utiliser l'iframe (html). Je ne sais pas si tu connais <iframe></iframe>, si non, en bref il suffit de la considérer comme une fenêtre d'exploration à l'intérieur de la fenètre principale.
Dans ta page principale, tu mets à l'endrois voulu <iframe name="myFrame" src="premierePage.htm"></iframe>. Tes liens pour changer le contenu de cette frame seront du style <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> ... et le contenu de nouveauContenu.htm se chargera dans la frame.
Raf
PS : une autre possibilité, est de précharger TOUT le contenu de ton site dès le premier coup (s'il n'est pas trop lourd) et de placer le contenu de toutes les pages dans des <div> que tu cache et montre en fonction de tes envies
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
24 janv. 2008 à 21:37
24 janv. 2008 à 21:37
"Ca à rien à voir mais évite d'utiliser des nom de pages web avec des majuscules, espaces et accent (genre "Haut débit.html" qui devrait être "haut_debit.html"). "
Merci pour ton conseil mais est-ce que ça change quelque chose?
"Dans ta page principale, tu mets à l'endrois voulu <iframe name="myFrame" src="premierePage.htm"></iframe>. Tes liens pour changer le contenu de cette frame seront du style <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> ... et le contenu de nouveauContenu.htm se chargera dans la frame."
Merci pour ta réponse elle me semble correcte ! Je testerai ça demain ! Mais je me posent encore quelques questions...
1. Quand tu dis à l'endroit voulu tu veux dire de placer l'image entre la balise?
2. Le nom de l'iframe je mets n'importe quoi ou ça a un rôle important?
3. La source src="premierePage.htm" c'est obligé que se soit une page htm? Ca ne peut pas être une image?
4. Si oui, les liens pour changer le contenu c'est la même chose et je peux mettre une image aussi?
5. Avec Dreamweaver CS3, comment je peux superposer deux images?
Merci encore et bonne soirée !
Merci pour ton conseil mais est-ce que ça change quelque chose?
"Dans ta page principale, tu mets à l'endrois voulu <iframe name="myFrame" src="premierePage.htm"></iframe>. Tes liens pour changer le contenu de cette frame seront du style <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> ... et le contenu de nouveauContenu.htm se chargera dans la frame."
Merci pour ta réponse elle me semble correcte ! Je testerai ça demain ! Mais je me posent encore quelques questions...
1. Quand tu dis à l'endroit voulu tu veux dire de placer l'image entre la balise?
2. Le nom de l'iframe je mets n'importe quoi ou ça a un rôle important?
3. La source src="premierePage.htm" c'est obligé que se soit une page htm? Ca ne peut pas être une image?
4. Si oui, les liens pour changer le contenu c'est la même chose et je peux mettre une image aussi?
5. Avec Dreamweaver CS3, comment je peux superposer deux images?
Merci encore et bonne soirée !
bibi675
Messages postés
387
Date d'inscription
mardi 1 janvier 2008
Statut
Membre
Dernière intervention
30 décembre 2008
20
25 janv. 2008 à 17:36
25 janv. 2008 à 17:36
"Ca à rien à voir mais évite d'utiliser des nom de pages web avec des majuscules, espaces et accent (genre "Haut débit.html" qui devrait être "haut_debit.html"). "Ca peut jouer sur les réferenceurs et avec la compatibilité ce certains scripts (ou générez des erreurs dans les liens).
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
25 janv. 2008 à 18:45
25 janv. 2008 à 18:45
Bonjour,
Je n'ai toujours pas essayé car j'ai un problème de redirection.
Je suiis chez www.redirigez.com mais j'ai créé 3 alias (redirection d'adresse mail) mais ça ne fonctionne pas.
En gros, j'ai créé 1 alias qui redirige les mails vers mes adresses gmail. Donc si on m'envoie 1 mail à l'adresse test@test.com ça doit m'envoyer le mail à test@gmail.com.
Pouvez-vous m'aider svp? Y aurait-il 1 paramètre à changer sur mon adresse gmail?
Merci d'avance !!!
Je n'ai toujours pas essayé car j'ai un problème de redirection.
Je suiis chez www.redirigez.com mais j'ai créé 3 alias (redirection d'adresse mail) mais ça ne fonctionne pas.
En gros, j'ai créé 1 alias qui redirige les mails vers mes adresses gmail. Donc si on m'envoie 1 mail à l'adresse test@test.com ça doit m'envoyer le mail à test@gmail.com.
Pouvez-vous m'aider svp? Y aurait-il 1 paramètre à changer sur mon adresse gmail?
Merci d'avance !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
27 janv. 2008 à 14:19
27 janv. 2008 à 14:19
Bonjour,
J'essaie l'iframe, mais comment puis-je supperposer une image sur une autre image?
J'aimerais supperposer un texte sur l'image BG_bas_debit mais je n'y arrive pas avec l'iframe.
Où dois-je placer l'iframe qui contiendra du texte ou une image?
Voici mon code :
<body>
<p align="center"><img src="SolidStateSociety.gif" width="511" height="105" />
<p align="center"><img src="BG_bas_debit.jpg" width="900" height="650" />
</body>
D'avancer, merci et bonne journée
J'essaie l'iframe, mais comment puis-je supperposer une image sur une autre image?
J'aimerais supperposer un texte sur l'image BG_bas_debit mais je n'y arrive pas avec l'iframe.
Où dois-je placer l'iframe qui contiendra du texte ou une image?
Voici mon code :
<body>
<p align="center"><img src="SolidStateSociety.gif" width="511" height="105" />
<p align="center"><img src="BG_bas_debit.jpg" width="900" height="650" />
</body>
D'avancer, merci et bonne journée
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
29 janv. 2008 à 22:07
29 janv. 2008 à 22:07
Ca y est j'ai fini par réussir !!!
Mais un nouveau problème est survenu évidement !
Maintenant que mon Iframe est placée, elle est fixée par rapport à la page complète, comment puis-je la fixer par rapport à une image pour qu'elle reste dans le cadre blanc?
Merci de votre réponse !!!
Mais un nouveau problème est survenu évidement !
Maintenant que mon Iframe est placée, elle est fixée par rapport à la page complète, comment puis-je la fixer par rapport à une image pour qu'elle reste dans le cadre blanc?
Merci de votre réponse !!!
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
29 janv. 2008 à 22:48
29 janv. 2008 à 22:48
Aaaaah j'en peux plus là je deviens fou lol !!!
Voici mon code html pouvez-vous svp m'aider à mettre correctement mon code de telle sorte à ce que mon Iframe soit fixe sur mon image :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>News</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(BG_bas_debit.jpg);
background-position: center;
background-repeat: no-repeat;
margin-left: 391px;
margin-top: 105px;
}
-->
</style></head>
<body>
<p>
<iframe src="test.html" name="Test" width="575" marginwidth="500" height="520" marginheight="250" scrolling="no" frameborder="0" hspace="0" vspace="0" id="Test" allowtransparency="true" application="true"></iframe>
</p>
</body>
</html>
Voici mon code html pouvez-vous svp m'aider à mettre correctement mon code de telle sorte à ce que mon Iframe soit fixe sur mon image :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>News</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(BG_bas_debit.jpg);
background-position: center;
background-repeat: no-repeat;
margin-left: 391px;
margin-top: 105px;
}
-->
</style></head>
<body>
<p>
<iframe src="test.html" name="Test" width="575" marginwidth="500" height="520" marginheight="250" scrolling="no" frameborder="0" hspace="0" vspace="0" id="Test" allowtransparency="true" application="true"></iframe>
</p>
</body>
</html>
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
31 janv. 2008 à 20:22
31 janv. 2008 à 20:22
Ce problème est lui aussi réglé, il ne me reste qu'à savoir une chose...
La balise <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> donnée par ajaxPowaa ne fonctionne pas d'autant plus que mon lien est 1 partie d'image et donc mon lien est fait de :
Mon iframe s'appelle news et ma page qui doit se mettre dans l'iframe est news.html donc mon code serait
<a href="news.html" target="myFrame"> d'apprès ajaxPowaa...
Pour vous montrer là où se trouve l'iframe :
http://solidstatesociety.seek-blog.com/bas_debit.html
Merci de votre aide !
La balise <a href="nouveauContenu.htm" target="myFrame">cliquez ici</a> donnée par ajaxPowaa ne fonctionne pas d'autant plus que mon lien est 1 partie d'image et donc mon lien est fait de :
<map name="Map" id="Map"> <area shape="rect" coords="-2,172,38,193" /> </map>
Mon iframe s'appelle news et ma page qui doit se mettre dans l'iframe est news.html donc mon code serait
<a href="news.html" target="myFrame"> d'apprès ajaxPowaa...
Pour vous montrer là où se trouve l'iframe :
http://solidstatesociety.seek-blog.com/bas_debit.html
Merci de votre aide !
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
31 janv. 2008 à 21:47
31 janv. 2008 à 21:47
Oh, Maknash, tu courres 2 lièvres à la fois ?
http://www.commentcamarche.net/forum/affich 4837155 iframe fixe#5
--
http://www.commentcamarche.net/forum/affich 4837155 iframe fixe#5
--
Maknash
Messages postés
643
Date d'inscription
lundi 10 septembre 2007
Statut
Membre
Dernière intervention
15 juillet 2013
183
31 janv. 2008 à 22:07
31 janv. 2008 à 22:07
Oui désolé mais personne ne répond ici et j'ai préféré faire 1 sujet pour chaque chose car je repose à chaque fois 1 nouvelle question c'est pour que les gens arrivent à mieux s'y retrouver...
J'ai fais 1 erreur?
Moi j'voulais faire bien en tout cas.
Sinon j'ai continué ici les sujets car on ne sait jamais...
J'ai fais 1 erreur?
Moi j'voulais faire bien en tout cas.
Sinon j'ai continué ici les sujets car on ne sait jamais...
bibi675
Messages postés
387
Date d'inscription
mardi 1 janvier 2008
Statut
Membre
Dernière intervention
30 décembre 2008
20
24 janv. 2008 à 21:02
24 janv. 2008 à 21:02
Salut,
Ca à rien à voir mais évite d'utiliser des nom de pages web avec des majuscules, espaces et accent (genre "Haut débit.html" qui devrait être "haut_debit.html").
@++
Ca à rien à voir mais évite d'utiliser des nom de pages web avec des majuscules, espaces et accent (genre "Haut débit.html" qui devrait être "haut_debit.html").
@++
