Régler les espaces entre des bouts de textes
Fermé
cocodu67...
Messages postés
3153
Date d'inscription
jeudi 28 janvier 2010
Statut
Membre
Dernière intervention
4 avril 2024
-
Modifié par cocodu67... le 9/06/2013 à 21:12
cocodu67... Messages postés 3153 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 4 avril 2024 - 14 juin 2013 à 22:09
cocodu67... Messages postés 3153 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 4 avril 2024 - 14 juin 2013 à 22:09
A voir également:
- Régler les espaces entre des bouts de textes
- Espaces insécables - Guide
- Regler luminosite ecran pc - Guide
- Comment liberer de l'espace sur gmail - Guide
- Vous avez accès à des espaces partagés sur l’espace pix cloud ci-dessous. parmi les affirmations suivantes à propos des membres de l’équipe logistique, lesquelles sont vraies ? - Forum Cloud
- Texte argumentatif sur les avantages et les inconvénients du téléphone portable ✓ - Forum Mobile
3 réponses
Salut,
Tout est pas clair(fenêtre externe ou pas?), ou s'affiche le titre lors de l'image en taille agrandie?
Où sont les balises d'images, pourquoi ne pas les mettre à la suite de chaque titre ça paraît plus simple que de regrouper 2 titres et 2 images.
Quelques règles qui permettent d'avoir de meilleurs positionnement des éléments:
Privilégiez des dimensions relatives en % par exemple, la résolution de chaque utilisateur varie en pixels, la mise en page aussi sauf en pourcentage(2 blocs de 50% de largeur en 800X600 = la moitié, pareil avec une résolution de 1600X900 et les autres).
Pour vos marges vous pouvez aussi utiliser des pourcentages.
Sinon tout simple(si span est de la même taille que l'image):
text-align:center;(à placer dans le CSS).
Il est plus pratique et recommandé de faire un CSS externe, vous le séparez dans un autre fichier chargé au début de la page plutôt qu'avec l'attribut style="... ou même dans une balise de HEAD.
Plus facile et clair à lire et à modifier et permet d'utiliser des class, donc de pas répéter l'écriture du même style.
Tout est pas clair(fenêtre externe ou pas?), ou s'affiche le titre lors de l'image en taille agrandie?
Où sont les balises d'images, pourquoi ne pas les mettre à la suite de chaque titre ça paraît plus simple que de regrouper 2 titres et 2 images.
Quelques règles qui permettent d'avoir de meilleurs positionnement des éléments:
Privilégiez des dimensions relatives en % par exemple, la résolution de chaque utilisateur varie en pixels, la mise en page aussi sauf en pourcentage(2 blocs de 50% de largeur en 800X600 = la moitié, pareil avec une résolution de 1600X900 et les autres).
Pour vos marges vous pouvez aussi utiliser des pourcentages.
Sinon tout simple(si span est de la même taille que l'image):
text-align:center;(à placer dans le CSS).
Il est plus pratique et recommandé de faire un CSS externe, vous le séparez dans un autre fichier chargé au début de la page plutôt qu'avec l'attribut style="... ou même dans une balise de HEAD.
Plus facile et clair à lire et à modifier et permet d'utiliser des class, donc de pas répéter l'écriture du même style.
cocodu67...
Messages postés
3153
Date d'inscription
jeudi 28 janvier 2010
Statut
Membre
Dernière intervention
4 avril 2024
145
10 juin 2013 à 19:53
10 juin 2013 à 19:53
Si je clique c'est une nouvelle fenêtre qui s'ouvre et si je reclique elle se ferme.
Voici le code de la page :
Je sais que j'ai une fonction javascript dans mon html, je m'en occupe bientôt.
Des conseils pour le head ? Car je ne sais pas trop tout ce que je dois mettre dedans.
Voici le code de la page :
<html>
<head>
<title>Screenshots-Page 1</title>
<meta name="robots" content="index, follow">
<meta name="Revisit-After" content="7 days">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="MixMaster est un MMORPG de type Free To Play. Viens nous rejoindre dans cet univers coloré plein de bestioles en tout genre.">
<meta name="keywords" content="mixmaster, mix master, MMORPG, Free To Play, jeu gratuit, mixer, henchs">
<meta http-equiv="content-Language" content="fr">
<link rel="stylesheet" type="text/css" href="css.css" media="all"/>
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+50,document.images[0].height+90); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>
</head>
<body background="gris_270.jpg" width="100%" height="100%" alt="Fond de la page">
<div id="moncadre"><center><b>Site de présentation de MixMaster</b></center>
</div>
<br>
<ul id="menu">
<li><a href="index.html">Accueil</a></li>
<li>
<a href="#">Screenshots</a>
<ul id="ss_screenshots">
<li><a href="screenshots_page1.html"><center>Page 1</center></a></li>
<li><a href="screenshots_page2.html"><center>Page 2</center></a></li>
<li><a href="screenshots_page3.html"><center>Page 3</center></a></li>
</ul>
</li>
<li>
<a href="#">Vidéos</a>
<ul id="ss_videos">
<li><a href="videos_page1.html"><center>Page 1</center></a></li>
<li><a href="videos_page2.html"><center>Page 2</center></a></li>
<li><a href="videos_page3.html"><center>Page 3</center></a></li>
</ul>
</li>
<li><a href="inscription.html">Inscription</a></li>
</ul>
<br>
<span style="margin-left:300px;">Dimanche 9 juin 2013</span><span style="margin-left:460px;">Dimanche 9 juin 2013</span>
<center>
<A href="javascript:PopupImage('screens/1_reelle.jpg')"><IMG src="screens/1_reduit.jpg" class="image" alt="Cliquer pour agrandir"></A>
<A href="javascript:PopupImage('screens/2_reelle.jpg')"><IMG src="screens/2_reduit.jpg" class="image" alt="Cliquer pour agrandir"></A>
</center>
<br>
<center>
<A href="javascript:PopupImage('screens/3_reelle.jpg')"><IMG src="screens/3_reduit.jpg" class="image" alt="Cliquer pour agrandir"></A>
<A href="javascript:PopupImage('screens/3_reelle.jpg')"><IMG src="screens/3_reduit.jpg" class="image" alt="Cliquer pour agrandir"></A>
</center>
</body>
</html>
Je sais que j'ai une fonction javascript dans mon html, je m'en occupe bientôt.
Des conseils pour le head ? Car je ne sais pas trop tout ce que je dois mettre dedans.
cocodu67...
Messages postés
3153
Date d'inscription
jeudi 28 janvier 2010
Statut
Membre
Dernière intervention
4 avril 2024
145
14 juin 2013 à 22:09
14 juin 2013 à 22:09
En faite c'est pas une si mauvaise idée que ça de mettre un seul titre suivit des images mais comment faire lorsque le nombre d'images est impaire ... Je ne peux quand même pas laisser une place vide ... et par exemple si j'ai 3 images pour un seul titre je trouve que ça fait moche de commencer par 2 sur la même ligne et de mettre la troisième au centre en dessous.
Qu'en pensez vous ?
Des conseils ?
Merci :)
Qu'en pensez vous ?
Des conseils ?
Merci :)
