Allignement apres le retour à la ligne

bakkus Messages postés 93 Statut Membre -  
Chamicki Messages postés 552 Statut Membre -
salut à tous ,

ce code me sert à afficher un certain nombre de points relative à un produit dans ma BD:

____________________________________________________
$mysql_query = 'SELECT * FROM F_ARTICLES WHERE AR_REF= "'.$Ref.'" AND AP_TYPE=1 ;';
if( ! ($mysql_query_result = mysql_query($mysql_query, $mysql_connection)) )
die ( "Erreur de requête :" . mysql_error() . "<br>" );
echo '<div id="articles">';
while( $result = mysql_fetch_row($mysql_query_result) )
{
echo'<br>';
echo utf8_encode('   <img src="../images/image_page_accueil/puce_verte.png" alt="puce verte" />  '.($result[3])).'  ';
echo'<br>';
}
echo'<br>';
echo'</div>';
____________________________________________________

donc j'ai un résultat qui ressemble en gros à ça:
______________
* POINT CLE 1 |
* POINT CLE 2 |
* POINT CLE 3 |
* POINT CLE |
un peu long |
_____________ |

PS :la boite que j'ai essayé de faire correspond à ma div lol qui a un width :245px; que je ne veux pas changer.
le soucis comme vous le voyez c'est au niveau d'un point clé qui est un peu long et donc ça revient à ligne mais c'est pas alignée avec "POINT" car il est un peu décalé vers la gauche.

si vous savez comment faire merci de me prévenir.

7 réponses

Chamicki Messages postés 552 Statut Membre 73
 
C'est des puces tes * ?
0
bakkus Messages postés 93 Statut Membre 1
 
bonjour,

oui mes * c'est des puce en image comme tu le vois dans le code : <img src="../images/image_page_accueil/puce_verte.png" alt="puce verte" />
0
Chamicki Messages postés 552 Statut Membre 73
 
IL faut ajouter le code css :
list-style-position: outside;
à ta liste.
Regarde ici pour plus d'info : http://www.commentcamarche.net/forum/affich 13274781 allignement apres le retour a la ligne#ecrire
0
bakkus Messages postés 93 Statut Membre 1
 
salut ,

merci de m'avoir répondu aussi rapidement ,mais ton lien m'emmène null part :http://www.commentcamarche.net/forum/affich 13274781 allignement apres le retour a la ligne#ecrire

pour ma CSS la voici :
=====
#article_plus {
margin-left:auto;
margin-right:auto;
padding-right:10px;
width :245px;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#5375b8;
font-size:12px;
background-color:#F6F8FB;
border:1px solid #C6C6FF;

}

mERCI
====
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Chamicki Messages postés 552 Statut Membre 73
 
désolé le lien est le suivant : https://openclassrooms.com/fr/courses#ss_part_2
0
bakkus Messages postés 93 Statut Membre 1
 
Encore merci pour ton aide.

Dans mon cas justement ,c'est pas une liste que j'utilise ,donc la solution que tu me propose n'est pas adaptée ,je crois ?

Regarde bien le code que je t'ai donnée. et tu le verras.

Les puces dont je te parles sont des images seulement.

Une autre ideé ?

Merci
0
Chamicki Messages postés 552 Statut Membre 73
 
Oui une autre idée code correctement ta liste avec des image en cs regarde le lien que je t'ai donner il explique comment faire cela... tu pourra ensuite mettre ton alinéa comme ut le souhaite. ;)
0