• Image et texte sur un côté

    Par jeuxcarolepc le 31 Août 2009 à 17:29

    Code HTML pour mettre une image et du texte sur un côté.


    Code à copier


    <DIV><IMG style="PADDING-RIGHT: 17px; PADDING-LEFT: 37px; FLOAT: left" src="ici mettre l'adresse de votre image" border=0></DIV>
    <DIV> </DIV>
    <DIV>votre texte ici</DIV>
    <DIV>votre texte ici</DIV>
    <DIV>votre texte ici</DIV>
    <DIV>votre texte ici</DIV>


    Ce qui donnera



    Bonjour
    Bienvenue
    sur
    DecosBlogs

    Quelques explications des réglages du code Html donné:


    • PADDING-RIGHT: 17px = modifier ce nombre pour écarter ou rapprocher le texte de l'image
    • PADDING-LEFT: 37px = modifier ce nombre pour écarter l'image du bord ou la rapprocher
    • FLOAT: left" = mettre left pour gauche ou right pour image à droite du texte
    • src="ici mettre l'adresse de votre image" = par exemple http://decosblogs..../image.jpg
    • border=0 = en mettant zéro vous n'aurez pas de vilaine bordure bleue autour de votre image
    • <DIV>votre texte ici</DIV> = à mettre autant de fois que vous voulez de lignes

    Voilà j'ai mis le code le plus simple possible. Il est évidemment possible de rajouter d'autres balises.

    Par exemple :
    • le nom de votre image avec la balise alt="nom de l'image" (placée entre l'adresse de vore image et border=0
    • les balises width="165" height="111" (placées après alt) Ici les nombres 165 et 111 servent d'exemple

    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique