Discussion :

[°°° Zen-Spirit °°°]

Salut tout le monde !
Voilà, je suis entrain de mettre en place un texte avec des balises de type "block".
Je veux donner à mon texte un effet avec un retrecissement en largeur de 50% donc je mets dans mon code CSS :

p/* Tous les titres h1 du corps */
{
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
font-size: 0.7em ;
width: 50%;
text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
padding-left: 5px;
}

ce code CSS concerne le code HTML suivant :

<div id="mini_bloc">
<div class="petit_bloc">
<h1>blablabla</h1>
<p>
Taj Mahal est le monument signifiant la beauté d'amour éternel. bla bla bla bla
</p>

Dans mon code HTML, ce texte se trouve sur une tranche d'image que j'ai découpé avec IMAGE READY, mais lorsque je donne 50% ou autre comme valeur de p/, il donne aussi la même valeur à une autre balise p/ se trouve sur une autre tranche d'image.

Alors ma question c'est comment faire en sorte que les autres Balises p/ ne prennent pas les même valeurs de celui-ci ?

Regarder ce que ça donne :Ici pour voir le problème

Merci

[blueice]

Donne une classe à tes balises paragraphes au lieu de modifier "p"
Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.paragraphe {
color:#fff;
}

[°°° Zen-Spirit °°°]

Merci d'avoir répondu, mais je comprends pas trop comment faire çà, mon texte est entre <p> et </p>, alors comment
lui insérer une class "paragraphe" en HTML, pour pouvoir ensuite configurer "paragraphe" en CSS comme t'as fais en CSS.

Merci.

[blueice]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="mini_bloc">
<div class="petit_bloc"> 
<h1>blablabla</h1>
<p class="paragraphe">
Taj Mahal est le monument signifiant la beauté d'amour éternel. bla bla bla bla
</p>

[°°° Zen-Spirit °°°]

Salut blueice !
Merci d'être présent et de répondre.
On va essayer ton code, cependant une petite question concernant un truc que je viens de remarquer :
J'a insérer une image et j'ai mis le code suivant :

<p><img src="images_taj_mahal/taj1.jpg" class="taj1" alt="Taj_Mahal" /></p>

Dans ce code, je voudrai savoir si le fait que l'ouverture de la balise <img est en bleu et la fermeture reste en noir est normale ?
MERCI

[<romain/>]

La couleur dépend de ton éditeurmaisje ne vois pas d'erreur de syntaxe dans ce que tu as écris.
Par conte je ne vois pas l'intéret de mettre ta balise img dans un p.
Tu devrais styler directement ta balise img

[blueice]

Salut blueice !
Merci d'être présent et de répondre.
On va essayer ton code, cependant une petite question concernant un truc que je viens de remarquer :
J'a insérer une image et j'ai mis le code suivant :
Dans ce code, je voudrai savoir si le fait que l'ouverture de la balise <img est en bleu et la fermeture reste en noir est normale ?
MERCI

Il se peut que ton éditeur ne comprenne pas le xHTML...

[milia]

Bonjour,

je n'ai pas exactement le même problème, mais en faite, j'aimerais que lorsque j'insére une image, le texte contourne l'image et que le texte ne soit pas caché par l'image.
Est-ce possible avec un paramètre, ou vais-je devoir créer une classe pour faire cela, à la bidouille.

Merci d'avance.

[trotters213]

je n'ai pas exactement le même problème, mais en faite, j'aimerais que lorsque j'insére une image, le texte contourne l'image et que le texte ne soit pas caché par l'image.

Après 5 secondes de recherche sur Google (c'est le 7° résultats) : http://www.developpez.net/forums/showthread.php?t=21212.
Il faut lire les règles au moins une fois avant de poster

[milia]

Justement j'ai lu les régles et fait mes recherches et c'est ce sujet que j'ai trouvé le plus proches, je m'amuse pas à déterrer un sujet qui date d'un an comme ça!!
Je n'ai pas trouvé la même chose que vous, étant donné que tout le monde n'a pas l'idée de chercher le même mot!!
Je vais voir ce que vous avez trouvé, merci quand même...
Mais merci pour votre impolitesse, on se demande qui de nous deux a lu les régles en entier!!

Sur ce bonne soirée à tous le monde!