Photos sur le site
cagilles
Messages postés
162
Statut
Membre
-
Tsunami Chups Messages postés 237 Statut Membre -
Tsunami Chups Messages postés 237 Statut Membre -
Bonjour,
je suis novice dans la création de site internet, mais j'en fais un pour un copain. J'arrive à me débrouiller mais il y a certains points qui me bloquent.
Pour les photos, il faudrait que quand on clique la photos s'ouvre dans une nouvelle fenetre (comme une fenetre pop up par exemple) mais je n'arrive pas à trouver le bon procéder ! :S
Aussi, j'ai un souci avec la barre de menu et le logo qui se trouve en haut de la page, selon les ordinateurs, soit le menu est coupé, on a le reste des boutons qui vont à la ligne (car ce sont des boutons posés à la suite) soit (pour les écrans plus grand) la barre de menu et le logo ne remplisse toute la page en largeur. En gros, ils ne s'adapte pas selon la grandeur de l'ecran de l'ordinateur et ça pose un gros problème.....
Si quelqu'un m'a compris lol merci d'avance pour le coup de main ^^ !
je suis novice dans la création de site internet, mais j'en fais un pour un copain. J'arrive à me débrouiller mais il y a certains points qui me bloquent.
Pour les photos, il faudrait que quand on clique la photos s'ouvre dans une nouvelle fenetre (comme une fenetre pop up par exemple) mais je n'arrive pas à trouver le bon procéder ! :S
Aussi, j'ai un souci avec la barre de menu et le logo qui se trouve en haut de la page, selon les ordinateurs, soit le menu est coupé, on a le reste des boutons qui vont à la ligne (car ce sont des boutons posés à la suite) soit (pour les écrans plus grand) la barre de menu et le logo ne remplisse toute la page en largeur. En gros, ils ne s'adapte pas selon la grandeur de l'ecran de l'ordinateur et ça pose un gros problème.....
Si quelqu'un m'a compris lol merci d'avance pour le coup de main ^^ !
A voir également:
- Photos sur le site
- Site pour partager des photos - Guide
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Toutes mes photos - Guide
16 réponses
ba tu peu te mettre au css et faire des page internet concut correctement (pas une critique ^^)
faire en sorte que tion site au total face 800px de largeur max comme ca que tu soit sur petit et grand ecran le site sera visible de la meme maniere
voila pour ta popup
au lieu du nom de la page popup.html tu n'a qu'a remplacer par le nom de ton image
https://www.toutjavascript.com/savoir/savoir15.php3
faire en sorte que tion site au total face 800px de largeur max comme ca que tu soit sur petit et grand ecran le site sera visible de la meme maniere
voila pour ta popup
au lieu du nom de la page popup.html tu n'a qu'a remplacer par le nom de ton image
https://www.toutjavascript.com/savoir/savoir15.php3
Merci pour ta réponse !
Je suis désolé mais je ne comprends pas tout ! Comment je fais pour la faire de 800px maxi ? (je suis avec microsoft front page)
et pour les popups, jessaye de comprendre mais cest dur, n'y aurait il pas plus simple avec font page ?
merci davance
Je suis désolé mais je ne comprends pas tout ! Comment je fais pour la faire de 800px maxi ? (je suis avec microsoft front page)
et pour les popups, jessaye de comprendre mais cest dur, n'y aurait il pas plus simple avec font page ?
merci davance
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
pour la taille du site si tu as un fichier de style s'est la largeur de ton site qu tu doit modifier a 800px
pour ta popup
OuvrirPopup('image.jpeg', '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no')
pour ta popup
OuvrirPopup('image.jpeg', '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no')
je le cale ou le code pour le popup ?
<p>
<img border="0" src="Images/banderole.JPG" width="1235" height="233"><a href="Index.htm"><img border="0" src="bouton%20%20accueil%202.jpg" width="142" height="52"></a><img border="0" src="bouton%20atelier2.jpg" width="151" height="52"><a href="Puzzles.htm"><img border="0" src="bouton%20puzzle%202.jpg" width="148" height="52"></a><img border="0" src="bouton%20jeux%20d'interieur2.jpg" width="211" height="52"><img border="0" src="bouton%20plein%20air%202.jpg" width="128" height="52"><img border="0" src="bouton%20chambre%20de%20martin%202.jpg" width="281" height="52"><a href="Contact.htm"><img border="0" src="bouton%20me%20contacter2.jpg" width="173" height="52"></a></p>
<p> </p>
<p align="center"><b>
<font style="font-size: 60pt" face="Pepita MT" color="#673434">Puz<font style="font-size: 60pt">zles
animaux sauvages</font></font></b></p>
<p> </p>
<table border="0" width="100%" id="table1">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000104.JPG">
<img border="0" src="P1000104.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Maman éléphant et son petit</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000103.JPG">
<img border="0" src="P1000106.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le lion</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000104.JPG">
<img border="0" src="P1000121.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le lion</font></td>
</tr>
</table>
<p align="center"> </p>
<table border="0" width="100%" id="table2">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000106.JPG">
<img border="0" src="P1000122.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La girafe, le rhino et le lion</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000121.JPG">
<img border="0" src="P1000124.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La famille rhino</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000122.JPG">
<img border="0" src="P1000127.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La tortue</font></td>
</tr>
</table>
<p align="center"> </p>
<table border="0" width="100%" id="table3">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000124.JPG">
<img border="0" src="P1000092.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le bébé éléphant</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000127.JPG">
<img border="0" src="P1000103.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le bébé éléphant assis</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6"> </font>
</p>
<p align="center"> </td>
</tr>
</table>
<p align="center"> </p>
<p align="center"><font face="Pepita MT" size="6"> </font></p>
<p>
<img border="0" src="Images/banderole.JPG" width="1235" height="233"><a href="Index.htm"><img border="0" src="bouton%20%20accueil%202.jpg" width="142" height="52"></a><img border="0" src="bouton%20atelier2.jpg" width="151" height="52"><a href="Puzzles.htm"><img border="0" src="bouton%20puzzle%202.jpg" width="148" height="52"></a><img border="0" src="bouton%20jeux%20d'interieur2.jpg" width="211" height="52"><img border="0" src="bouton%20plein%20air%202.jpg" width="128" height="52"><img border="0" src="bouton%20chambre%20de%20martin%202.jpg" width="281" height="52"><a href="Contact.htm"><img border="0" src="bouton%20me%20contacter2.jpg" width="173" height="52"></a></p>
<p> </p>
<p align="center"><b>
<font style="font-size: 60pt" face="Pepita MT" color="#673434">Puz<font style="font-size: 60pt">zles
animaux sauvages</font></font></b></p>
<p> </p>
<table border="0" width="100%" id="table1">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000104.JPG">
<img border="0" src="P1000104.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Maman éléphant et son petit</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000103.JPG">
<img border="0" src="P1000106.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le lion</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000104.JPG">
<img border="0" src="P1000121.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le lion</font></td>
</tr>
</table>
<p align="center"> </p>
<table border="0" width="100%" id="table2">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000106.JPG">
<img border="0" src="P1000122.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La girafe, le rhino et le lion</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000121.JPG">
<img border="0" src="P1000124.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La famille rhino</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000122.JPG">
<img border="0" src="P1000127.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">La tortue</font></td>
</tr>
</table>
<p align="center"> </p>
<table border="0" width="100%" id="table3">
<tr>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000124.JPG">
<img border="0" src="P1000092.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le bébé éléphant</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href="Photos/Animaux%20sauvages/P1000127.JPG">
<img border="0" src="P1000103.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Le bébé éléphant assis</font></td>
<td width="400">
<p align="center"><font face="Pepita MT" size="6"> </font>
</p>
<p align="center"> </td>
</tr>
</table>
<p align="center"> </p>
<p align="center"><font face="Pepita MT" size="6"> </font></p>
remplace les lien de tes images
<a href="Photos/Animaux%20sauvages/P1000121.JPG">
par le code que je t'ai montrer plus hot
<a href="Photos/Animaux%20sauvages/P1000121.JPG">
par le code que je t'ai montrer plus hot
Ca donne ca, seulement ca marche pas ! (en tout cas merci pour ta patience)
<OuvrirPopup("Photos/Animaux%20sauvages/P1000103.JPG", '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no')></OuvrirPopup("Photos/Animaux%20sauvages/P1000103.JPG",>
<OuvrirPopup("Photos/Animaux%20sauvages/P1000103.JPG", '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no')></OuvrirPopup("Photos/Animaux%20sauvages/P1000103.JPG",>
<a href="#"onclick="OuvrirPopup("Photos/Animaux%20sauvages/P1000103.JPG", '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no');">
essay comme ca j'ai oublier que tu ne comprenais pas la programmation
essay comme ca j'ai oublier que tu ne comprenais pas la programmation
Voila une de mes images, tu serais le modifier pour que je le réinsere et essaye ?
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href = window.open("Caché%20dans%20les%20bois/Pages/P1000104.JPG",'_blank','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=300,height=300 left=10 top=10') >
<img border="0" src="P1000104.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Maman éléphant et son petit</font></td>
<td width="420">
<p align="center"><font face="Pepita MT" size="6">
<a href = window.open("Caché%20dans%20les%20bois/Pages/P1000104.JPG",'_blank','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=300,height=300 left=10 top=10') >
<img border="0" src="P1000104.JPG" width="300" height="225"></a></font></p>
<p align="center">
<font face="Pepita MT" size="6">Maman éléphant et son petit</font></td>
<a href="#"onclick="window.open("Photos/Animaux%20sauvages/P1000103.JPG", '', 'resizable=no, location=no, width=800, height=600, menubar=no, status=no, scrollbars=no, menubar=no');"> lien</a>