Problème de style dans un paragraphe
MoonlitSunset
Messages postés
22
Statut
Membre
-
MoonlitSunset Messages postés 22 Statut Membre -
MoonlitSunset Messages postés 22 Statut Membre -
Bonjour
Je vais essayer d'expliquer mon problème aussi clairement que possible.
Dans ma page internet, je souhaiterai insérer un bloc qui flotterait sur la droite. Ce bloc aura une taille de 300 px et une hauteur automatique et aura une bordure.
A l'intérieur de ce bloc :
- tout en haut il y a un titre (on va dire "Titre 1") inséré en html. Il doit être en gras, centré, écriture bleue sur fond rose (toute la ligne de fond doit être rose).
- en dessous il y a une image qui est insérée en php (car elle change chaque jour). Cette image sera centrée.
- En-dessous de cette image il y aura un autre titre (Titre 2) qui sera du même style que Titre 1
- enfin en dessous de ce titre 2 il y aura du texte en php justifié (car il change aussi chaque jour)
Voici une image pour vous aider (je l'espère) à mieux comprendre :
http://nsa05.casimages.com/img/2009/02/22/090222062443507164.png
Codes :
Code : CSS
Les problèmes que je rencontre :
- le float:right modifie ma mise en forme
- Le texte des Titre 1 et Titre 2 ne se centre pas dans le paragraphe
- Il n'y a que le fond du texte qui est rose, et non pas la ligne entière
- L'image appelée par php ne se centre pas
Pouvez-vous me dire où sont mes erreurs ?
D'avance, merci.
Je vais essayer d'expliquer mon problème aussi clairement que possible.
Dans ma page internet, je souhaiterai insérer un bloc qui flotterait sur la droite. Ce bloc aura une taille de 300 px et une hauteur automatique et aura une bordure.
A l'intérieur de ce bloc :
- tout en haut il y a un titre (on va dire "Titre 1") inséré en html. Il doit être en gras, centré, écriture bleue sur fond rose (toute la ligne de fond doit être rose).
- en dessous il y a une image qui est insérée en php (car elle change chaque jour). Cette image sera centrée.
- En-dessous de cette image il y aura un autre titre (Titre 2) qui sera du même style que Titre 1
- enfin en dessous de ce titre 2 il y aura du texte en php justifié (car il change aussi chaque jour)
Voici une image pour vous aider (je l'espère) à mieux comprendre :
http://nsa05.casimages.com/img/2009/02/22/090222062443507164.png
Codes :
Code : HTML
<div id ="corps">
<p class="bloc1">
<span class="txt_bloc1">Titre 1</span><br/>
<span style="text-align:center">
<?php
echo '<img src="image'.date('z').'.gif" alt="image" />';
?></span>
<br/>
<span class="txt_bloc1">Titre 2</span> <br/>
<span style="text-align:justify">
<?php
$fichier = fopen('legende'.date('z').'.txt','r');
$legende = fgets($fichier);
echo $legende;
fclose($fichier);
?> </span>
</p>
</div>
Code : CSS
p.bloc1 {border:2px black solid;
width:300px;
height:auto;
float:right;}
.txt_bloc1{background-color:pink;
color:blue;
text-align:center;
font-weight:bold;}
Les problèmes que je rencontre :
- le float:right modifie ma mise en forme
- Le texte des Titre 1 et Titre 2 ne se centre pas dans le paragraphe
- Il n'y a que le fond du texte qui est rose, et non pas la ligne entière
- L'image appelée par php ne se centre pas
Pouvez-vous me dire où sont mes erreurs ?
D'avance, merci.
A voir également:
- Dans ce document, mettez en gris les textes des étapes et des conseils en ne modifiant qu'un seul style. sur la première page, vous constaterez qu'un mot restera en noir dans un paragraphe gris. quel est ce mot ?
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? - Guide
- Comment reduire la taille d'un document - Guide
- Mot de passe administrateur freebox ✓ - Forum Freebox
- Comment supprimer une page dans un document word - Guide
- Trousseau mot de passe iphone - Guide