> Tous les forumsForum des Webmasters

 Demande d'aide pour mes balises !!!
Statut du sujet : NON RESOLU Imprimer
 caroline1985
  Posté le 09/08/2005 @ 23:25  
 Petite astucienne

22 Messages
Salut je fais actuellement un site web et j'aurai quelques questions à poser sur ce forum: Quel est le code html à insérer dans "une phrase de 4 mots" pour en aligner "deux à gauche" et "deux autres à droite" mais toujours sur la même ligne? je n'y arrive pas... J'ai une image et une légende à droite, quand j'aligne la légende à gauche avec <div align="left"> le texte se trouve coller à droite de l'image... comment effectuer un décalage, j'ai essayé avec <blockquote> mais ça ne marche pas, c'est surement moi qui est fais une erreur, pouvez vous me dire EXACTEMENT comment se servir de cette dite balise et si c bien celle là qu'il faut utiliser? Comment insérer des symboles "genre €" etc... sur une page html? Enfin dernière question, je trouve le titre de Ma Page Web un peu "tristounet", comment avoir un beau titre personnalisé et dynamique, qui en jette quoi !!! Merci à tous de me lire et de m'aider. Bonne continuation à tous et vive les forums... [fete] [bierre] [tropbu]
 Afficher le profil de caroline1985
 
 
Publicité
 edon47  Posté le 10/08/2005 à 05:22  
Petit astucien

438 Messages
Salut, Pour le symbole Euro : #8364; ou € (moins bien supporté). Pour le reste de tes questions, faudrait être plus explicite; exemple ou url du site......
Afficher le profil de edon47 Voir la configuration de edon47Envoyer un message privé à edon47
 Revenir en haut de la page
 jeanpierre949  Posté le 10/08/2005 à 07:32  
Petit astucien

737 Messages
Salut, pour aligner images et textes selon tes envies faut utiliser le css
Afficher le profil de jeanpierre949Envoyer un message privé à jeanpierre949
  Revenir en haut de la page
 Buzzz  Posté le 10/08/2005 à 08:25  
Astucien

2215 Messages
Comme tu as dit que tu n 'utilises pas encore les CSS, tu peux le faire simplement avec un tableau deux colonnes, qui te permet de faire dans chaque colonne un alignement différent. Bon je sais les puristes vont encore hurler ... les tableaux ne sont pas faits pour faire de la mise en page ... Mais faisons une comparaison : j'allais faire des stages de ski sur le glacier de Sarennes, à l'Alpe d'Huez, dans un refuge du GUC situé à 3.200 mètres. A cette altitude, l'organisme souffre, et cela se traduit par des maux De têtes qui peuvent être mortels ( oedème cérébral)... On prenait un médicament dont l'efficacité avait été découverte par hasard. Il n'avait rien à voir avec les médicaments habituels pour traiter les maux De tête, innefficaces dans ce cas... Fallait-il ne pas le prendre parce que qu'il n'était pas fait pour cette pathologie, et rester avec ce mal au crâne pendant 7 jours, au nom du même purisme qui interdit de faire de la mise en page avec des tableaux ? La question ne se posait même pas !!!!
je trouve le titre de Ma Page Web un peu "tristounet", comment avoir un beau titre personnalisé et dynamique, qui en jette quoi !!!
faut aussi te mettre au graphisme : tu as un très efficace logiciel : c'est photoshop ...

Modifié par Buzzz le 10/08/2005 08:27
Afficher le profil de BuzzzEnvoyer un message privé à Buzzz
 Revenir en haut de la page
 Andevros  Posté le 10/08/2005 à 12:16  
Petit astucien

211 Messages
[smile]
J'ai une image et une légende à droite, quand j'aligne la légende à gauche avec <div align="left"> le texte se trouve coller à droite de l'image... comment effectuer un décalage,
Si tu mets à la place : style="border : Xpx; text-align: left;"X = le nombre de pixels de marge extérieure, tu obtiendras l'effet voulu. Pour la dernière question, quel est ton code ? [hello]

Modifié par Andevros le 10/08/2005 12:18
Afficher le profil de AndevrosEnvoyer un message privé à Andevros
 Revenir en haut de la page
 Malcolm  Posté le 10/08/2005 à 12:19  
  Astucien


7304 Messages
edon47 a écrit :
Salut, Pour le symbole Euro : #8364; ou € (moins bien supporté). Pour le reste de tes questions, faudrait être plus explicite; exemple ou url du site......
l'encodage des caractères est assez particulier ... déjà, vérifie que ta page ait cette ligne : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ce charset est l'encodage par défaut, à ne pas confondre avec celui de windows (1252) qui est plus capricieux. sinon tu peux remplacer els caractères par leur équivalent html, voici les principaux : (enlève l'espace après le &) à => & aacute; â => & acirc; é => & eacute; è => & egrave; ê => & ecirc; ë => & euml; î => & icirc; ï => & iuml; ô => & ocirc; ö => & ouml; ù => & ugrave; û => & ucirc; ü => & uuml; ç => & ccedil; oe => & oelig; (comme dans "coeur") ae => & aelig; (comme dans "aquae") € => & euro; si tu as besoin de caractères étrangers (par exemple des o, a ou i accentués (je pense à l'espagnol notamment) tu adaptes ... & "lettre" acute pour l'accent aigu, & "lettre" grave; pour l'accent grace, de même pour le circonflexe et le tréma.(ne pas oublier le point virgule final) Les majuscules s'obtiennent en remplaçant par des majuscules. Par exemple : & Eacute; Pour l'espagnol, je rajoute & ntilde; qui permet de faire ... bah vous avez deviné [smile]

Modifié par Malcolm le 10/08/2005 12:20
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Malcolm  Posté le 10/08/2005 à 12:22  
  Astucien


7304 Messages
Andevros a écrit :
[smile]
J'ai une image et une légende à droite, quand j'aligne la légende à gauche avec <div align="left"> le texte se trouve coller à droite de l'image... comment effectuer un décalage,
Si tu mets à la place : style="border : Xpx; text-align: left;"X = le nombre de pixels de marge extérieure, tu obtiendras l'effet voulu. Pour la dernière question, quel est ton code ? [hello]
je serais même plus précis ... border travera une bordure, alors que padding traduira l'alignement du texte. <img src="..." width="..." height="..." alt="..." style="padding-right:5px;"> permettra de décaler le texte de 5 pixels de l'image. (décaler l'image du contenu sur sa droite de 5 pixels pour être plus exact.)
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Buzzz  Posté le 10/08/2005 à 13:02  
Astucien

2215 Messages
Et ça marchera avec toutes les définitions d'affichage ?
Afficher le profil de BuzzzEnvoyer un message privé à Buzzz
 Revenir en haut de la page
 Yuku  Posté le 10/08/2005 à 13:12  
Petit astucien

42 Messages
Pour séparer quatre mots, deux a deux, tu peut utiliser cette astuce : <body> center (entre crochets) Longue vie à  ....(et entre les deux tu rajoute plein de fois : "& n b s p" => sans les espaces !!).... PC actuces !!! center (entre crochets) Les codes au milieu sont des espaces, et si tu les écarte, ca fait l'effet d'un alignement a gauche puis a droite, sur la même ligne Pareil que Buzzz, c'est une astuce peu académique mais c'est pas pour ca qu'il ne faut pas l'utiliser !! PS : j'ai du éditer mon message pacque mon code HTML a été traduit lol je ne le voulais pas !! le code pour effectuer des espaces c'est donc : & n b s p sans les espaces

Modifié par Yuku le 10/08/2005 13:16
Afficher le profil de Yuku Voir la configuration de YukuEnvoyer un message privé à Yuku
    Revenir en haut de la page
 py_rex  Posté le 10/08/2005 à 13:47  
Petit astucien

384 Messages
Yuku a écrit : le code pour effectuer des espaces c'est donc : & n b s p sans les espaces
et avec un point-virgule (;) collé à la fin !
Afficher le profil de py_rexEnvoyer un message privé à py_rex
 Revenir en haut de la page
 Malcolm  Posté le 10/08/2005 à 14:01  
  Astucien


7304 Messages
Buzzz a écrit :
Et ça marchera avec toutes les définitions d'affichage ?
pour les jeux de caractères occidentaux, oui, sans problèmes. Les anglais n'ont pas de lettres accentuées, mais ils ont aussi un charset ... et traduire un "é" en "& eacute;" c'est traduite une lettre accentuée en caractères non accentués. concernant & nbsp; il s'agit de l'espace insécable, c.à.d. qu'il relie 2 éléments (2 mots, 2 images, peu importe) mais que s'il y a besoin de passer à la ligne, on ne coupera pas cet espace. par exemple, toto& nbsp;titi sera toujours affiché "toto titi"; jamais "toto titi";
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Andevros  Posté le 10/08/2005 à 17:56  
Petit astucien

211 Messages
[smile] Aie, mal réveillé ce matin. Margin = Espace extérieur. Border = Bordure Padding = Espace intérieur. Toutes mes excuses. -------- Edité ---------------- & nbsp ; est un espace incécable. Un truc pour s'en souvenir facilement. No Break SPace Ou [Shit] + [Enter] sous pas mal d'éditeur.

Modifié par Andevros le 10/08/2005 18:03
Afficher le profil de AndevrosEnvoyer un message privé à Andevros
 Revenir en haut de la page
 caroline1985  Posté le 11/08/2005 à 05:31  
Petite astucienne

22 Messages
Merci à tous pour vos réponse mais pour <& nbsp> c comme ça ou pas qu'il faut l'insérer ou < > ...?
Afficher le profil de caroline1985
 Revenir en haut de la page
 caroline1985  Posté le 11/08/2005 à 05:35  
Petite astucienne

22 Messages
sinon comme j'apprends le html en ce moment je voulais savoir si je dois apprendre le CSS en même temps ou après le Html...? Pour mon titre qui est tristounet en html voilà sa ligne de code si qqun peut m'aider à l'améliorer... mon site à un fond vert. <H2><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><b>BIENVENUE SUR MON SITE DE VENTE PAR CORRESPONDANCE</center></BLOCKQUOTE></H2> Merci à tous.
Afficher le profil de caroline1985
 Revenir en haut de la page
 Malcolm  Posté le 13/08/2005 à 01:12  
  Astucien


7304 Messages
caroline1985 a écrit :
sinon comme j'apprends le html en ce moment je voulais savoir si je dois apprendre le CSS en même temps ou après le Html...? Pour mon titre qui est tristounet en html voilà sa ligne de code si qqun peut m'aider à l'améliorer... mon site à un fond vert. <H2><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><b>BIENVENUE SUR MON SITE DE VENTE PAR CORRESPONDANCE</center></BLOCKQUOTE></H2> Merci à tous.
concernant l'espace insécable, il s'insère tel quel ... <a href="...">texte</a>& nbsp;<a href="...">texte2</a> par exemple ... concernant le titre, à quoi cela sert-il de mettre autant de blockquote ? autant le centrer non ? je te conseille de faire les 2 en //, le CSS pour faire tout ce qui est mise en forme (centrage, couleur, largeurs/hauteurs) et le html pour tout ce qui est mise en page. Avec ça t'auras de quoi débuter. pour ton titre, il y a 2 erreurs : - tu ouvres une balise <b> que tu ne fermes pas - tu fermes une balise </center> que tu n'ouvres pas ... voici une réécriture en CSS, toute simple, et qui sera bien plus fonctionnelle (et allégée !) si tu n'as pas de fichier CSS externe : rajoute
<style type="text/css"> h2 { text-align:center; font-weight:bold; } </style>
juste avant </head> de ta page contenant ce titre si tu as une feuille CSS externe, rajoute seulement la ligne h2 { text-align:center; font-weight:bold; } dedans. ensuite, dans ta page, tu tapes pour ton titre : <h2>BIENVENUE SUR MON SITE DE VENTE PAR CORRESPONDANCE</h2> l'alignement (centré) et le texte en gras sont déjà définis dans le CSS. Puissant, non ? [smile]

Modifié par Malcolm le 13/08/2005 01:13
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 caroline1985  Posté le 13/08/2005 à 03:39  
Petite astucienne

22 Messages
je n'ai pas trop ce que tu m'as dis de faire en dernier là mais ça viendra quand j'aurai un peu appris le CSS je pense... sinon pour tout le reste g bien compris mais quand j'insère: & nbsp; ca ne marche pas, en prévisualisant je le vois apparaitre sur Ma Page Web, tiens voilà ma ligne web je veux en fait le mettre entre "HISTOIRE" et "AGRONOMIE": <font face="Arial"><div align="center" font size="3"><a href="#HISTOIRE"><font size="3" Color="white"><b>HISTOIRE</b></a></font><div align="center" font size="3" font Color="white"><a href="#AGRONOMIE"><font size="3" Color="white"><b>AGRONOMIE</b></a></font></font> donc voilà si tu peux me recopier la ligne avec la dite balise au milieu pour mettre HISTOIRE d'un coté de Ma Page Web et AGRONOMIE de l'autre coté mais que tout reste sur une meme ligne sans decalage et si possible sans utiliser le CSS que je n'ai pas encore appris !!! Merci Danke Gracias ...
Afficher le profil de caroline1985
 Revenir en haut de la page
 elle  Posté le 13/08/2005 à 04:23  
  Maîtresse astucienne


15871 Messages
caroline1985 a écrit :
sinon pour tout le reste g bien compris mais quand j'insère: & nbsp; ca ne marche pas, en prévisualisant je le vois apparaitre sur Ma Page Web, tiens voilà ma ligne web je veux en fait le mettre entre "HISTOIRE" et "AGRONOMIE":
Salut caroline1985, Il faut supprimer l'espace entre & et nbsp. Sur le forum, la seule façon de le faire apparaître, c'est de mettre l'espace, mais il ne faut pas la mettre dans ta page HTML.
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Malcolm  Posté le 14/08/2005 à 22:43  
  Astucien


7304 Messages
caroline1985 a écrit :
je n'ai pas trop ce que tu m'as dis de faire en dernier là mais ça viendra quand j'aurai un peu appris le CSS je pense... Gracias ...
oh c'est tout simple : je fais en 1 ligne CSS de 25 ou 30 caractères ce que tu fais en plus de caractères HTML. mais surtout je te fais remarquer tes erreurs de sémantique dans ce que tu as donné auparavant, j'espère que tu l'as vu aussi.
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte




Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page