Texte et image [Résolu]

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

PoppyGuy
Lézard vert
Messages : 165
Inscription : 08 oct. 2011, 18:55

Texte et image [Résolu]

Message par PoppyGuy »

Bonjour,
j'ai 2 questions:
J'ai un texte, puis une image (140x109) à droite
1) Y a-t-il la possibilité d'avoir le texte en deux parties sur la même ligne que l'image ?

2) Y a-t-il un moyen pour avoir sur la même ligne deux texte de grosseur différentes ?
Merci de votre aide
Cordialement
Guy
Dernière modification par PoppyGuy le 10 mai 2012, 08:28, modifié 2 fois.
https://meteofloralies.github.io
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Texte et image

Message par chinon37 »

Bonjour,
1) oui, sans problème. à l'endroit où tu souhaites l'image, tu mets ton curseur > insertion image et si tu souhaites que l'image soit centrée sur la ligne comme dans ton exemple, dans les propriétés de l'images, onglet apparence > placement du texte, tu choisis "au centre".
2) oui également, si possible en css à l'aide d'une classe. Mais de façon plus basique, je te propose la manip suivante:
Tu sélectionnes le texte dont tu veux modifier la taille et tu cliques sur "gras". Tu remarqueras en bas de ton écran, dans la barre des tâches, une nouvelle balise, <span>. Tu fais un clic droit sur cette balise > stuyles internes > onglet texte > tu mets la nouvelle taille souhaitée et tu valides. Tu peux maintenant supprimé le "gras" qui servait uniquement à créer la balise <span>.
Si tu as créé une classe avec l'éditeur css, il suffit d’attribuer cette classe à la balise <span>
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
PoppyGuy
Lézard vert
Messages : 165
Inscription : 08 oct. 2011, 18:55

Re: Texte et image

Message par PoppyGuy »

Bonjour,
Dernière modification par PoppyGuy le 10 mai 2012, 08:29, modifié 1 fois.
https://meteofloralies.github.io
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Texte et image

Message par Ymai »

Bonjour
Il suffirait donc que ces deux titres soient placées sur deux lignes. La première alignée à gauche et la deuxième centrée.
Après, il faudra sans doute un peu jouer sur la taille de la police de ces titres et sur les "marges.
Quelque chose comme ceci?

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>test</title>
<style type="text/css">
h2 {
margin: 0;
}
</style>
</head>
<body>
<h2><img style="width: 65px; height: 65px; float: right;" alt="image"
src="images/agenda.png">Titre 1</h2>
<h2 style="text-align: center;">Titre 2</h2>
</body>
</html>

ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
PoppyGuy
Lézard vert
Messages : 165
Inscription : 08 oct. 2011, 18:55

Re: Texte et image

Message par PoppyGuy »

Bonjour,
D'accord, je vais addapter tout ça.
Merci de ton aide
Résolu
https://meteofloralies.github.io
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité