Alignement checkbox avec img et texte

Version imprimable

bonjour à toutes et à tous

voici mon probléme
dans un popup je voudrais mettre dans une seul ligne un case a cocher une image et sont label

actuellement j'ai la case a coché et au dessous image et le label :?

Code:

1
2
3
4
5
6
7
<div id="unique" style="margin-left: 30px; margin-right: 30px; font-size: 16px;">
    <!-- en tetes -->
    <div style="background-color: #ebebeb; float: left; width: 100%; border: 1px solid #777777; text-align: center;">Nom Installation / Equipement</div>
 
    <div style=" height: 20px; line-height:20px; float:left; width: 97%; border: 1px solid #777777; padding-left: 17px; border-top: 0px;" ><input type="checkbox" name="checkbox" id="checkbox" checked="" />&nbsp;<img src="<?php echo site_url('assets/images/logos/plus.png'); ?>"  height="15" width="15" /> &nbsp;toto</div>
 
    </div>

merci pour votre aide

16/06/2015, 19h51
NoSmoking

Bonjour,
alors pourquoi les mettre dans des conteneurs différents ?
17/06/2015, 10h44
alf78fr

C'est a dire ?
17/06/2015, 11h01
Invité

Bonjour,

Code:

<input type="checkbox" name="checkbox" id="checkbox" checked="" /> <img src=".............." height="15" width="15" />  toto

Par défaut, ces 3 éléments sont... DEJA alignés !

Donc : explique quel est ton problème précisément.

Eventuellement, montre une copie d'écran.
17/06/2015, 13h45
alf78fr

1 pièce(s) jointe(s)

Pièce jointe 180837
17/06/2015, 15h49
Invité

Le (peu de) code que tu donnes ne suffit pas à trouver la solution.

Tu as sûrement un fichier CSS qui entre en jeu...

voici le code au complet de mon popup

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
<form method="post" id="installationform"></br>   
    <div id="unique" style="margin-left: 30px; margin-right: 30px; font-size: 16px;">
    <!-- en tetes -->
    <div style="background-color: #ebebeb; float: left; width: 100%; border: 1px solid #777777; text-align: center;">Nom Installation / Equipement</div>
 
    <div style=" height: 20px; line-height:20px; float:left; width: 97%; border: 1px solid #777777; padding-left: 17px; border-top: 0px;" ><input type="checkbox" name="checkbox" id="checkbox" checked="" />&nbsp;<img src="<?php echo site_url('assets/images/logos/plus.png'); ?>"  height="15" width="15" /> &nbsp;toto</label></div>
 
    </div> 
 
</form>

il n'y a pas de css

17/06/2015, 16h59
Invité

Là non, mais ailleurs ? (dans un fichier externe, par exemple).

N.B. J'ai testé ton code ci-dessus : les 3 éléments sont... alignés !

Tant que tu ne montreras pas le CODE HTML généré de ta page, on ne peut rien pour toi.
17/06/2015, 18h44
NoSmoking
Citation:

Envoyé par alf78fr

il n'y a pas de css

Citation:

Envoyé par jreaux62

Là non, mais ailleurs ?

il y a du CSS mais inline, ce qui n'est pas le top ;)

J'ai du mal à comprendre pourquoi une simple structure comme
Code:

1 2 3 4 5 6 7 8 9 10 <div> <p>Nom Installation / Equipement</p> <p> <input type="checkbox" name="checkbox" id="check" checked="" /> <label for="check"> ► toto </label> </p> </div>
ne suffit pas, CSS à ajouter quand même, de plus écrire cela

Code:

<img src="<?php echo site_url('assets/images/logos/plus.png'); ?>" height="15" width="15" />

pour afficher un ► je trouve cela dommage à plusieurs titre, php + image !?!.