barre d'outills

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : barre d'outills

freddypap

Bonjour
Je voudrais faire une barre d'outils flottantes pour une page web. Mais la, plusieurs problemes apparaissent:
Comment faire un drag and drop de cette barre?
Et pour une rasion inconnue, ma barre, un div contenant 3 autres div, faitun retour a la ligne apres le 1° div:

Code :

<div id="toolbar1" class="float_toolbar">
<div>
<img src="tb_left.gif" alt="bord gauche" width="11" height="26">
</div>
<div id="icones1" class="menu_icone">
<A href='javascript:ThemeWiz()' class="onrollover"><img src="adduser.png" alt="images1" title="image test 1" width="26" height="26"></A>
<A href='javascript:ThemeWiz()' class="onrollover"><img src="filter2.png" alt="images2" title="image test 2" width="26" height="26"></A>
<A href='javascript:ThemeWiz()' class="onrollover"><img src="layerbtn.png" alt="images3" title="image test 3" width="26" height="26"></A>
</div>
<div>
<img src="tb_right.gif" alt="bord droit" width="11" height="26">
</div>
</div>

Vous voyez pourquoi? merci d avance !!

Publicité

boulax

Inserer phrase hype en anglais

Le div est par nature et par défaut un "block", donc il induit un retour à la ligne après lui.

---------------
Posté depuis des chiottes, sales. Me gusta.

freddypap

Ben oui mais pourquoi uniquement apres le 1°, dans ce cas? Et puis j ai essayé en remplacant les div par des span, le resultats pas top non plus: les 1° et 3° div sont sur la meme ligne, la2° en dessous...

Message cité 1 fois

xtof_83

Freeride Spirit

Code :

<div id="toolbar1" class="float_toolbar">
<img src="tb_left.gif" alt="bord gauche" width="11" height="26" />
<ul id="icones1" class="menu_icone">
<li><a href='javascript:ThemeWiz()' class="onrollover"><img src="adduser.png" alt="images1" title="image test 1" width="26" height="26"></a></li>
<li><a href='javascript:ThemeWiz()' class="onrollover"><img src="filter2.png" alt="images2" title="image test 2" width="26" height="26"></a></li>
<li><a href='javascript:ThemeWiz()' class="onrollover"><img src="layerbtn.png" alt="images3" title="image test 3" width="26" height="26"></a></li>
</ul>
<img src="tb_right.gif" alt="bord droit" width="11" height="26" />
</div>

Comme ça c'est mieux

Et met des float pour forcer à se caller

Sion pour le drag and drop google est ton ami

Mais c'est pas si facile trouve une bonne biblio et op

Message édité par xtof_83 le 06-06-2006 à 15:03:47

anapajari

s/travail/glanding on hfr/gs;

freddypap a écrit :

Parce que la class du div 2(menu_icone) doit lui dire de se comporter autrement ...

Pour le reste, comme xtof, je pense pas que tu vas trouver cela aisé. Je te conseillerais donc d'approfondir tes connaissances html/css avant de te lancer dans le js...

freddypap

euh non, pas vraiment mieux, mes icones sont les une sous les autres (et décalé les une par rapport aux autres....mais comment t as fait ca lol !!!!) alors que je les voudrais sur la meme ligne...
En revanche, pour la suite, google est effectivement mon ami, je m'y met...

xtof_83

Freeride Spirit

Mon edit avait pas marché:

Donc met un float sur le premier , pour forcer les autres à ce placer sur sa ligne

FORUM HardWare.fr

Programmation

HTML/CSS

barre d'outills

Sujets relatifs
c# events sur barre de titre	Liste Deroulante dans le genre barre d'adresse du navigateur
[Nvu] Déplacer barre de recherche google	Supprimer barre de défilement en HTML
Une barre de chargement sous flash 8	décodage de code barre (avec une douchette sur port ps/2)
ajouter un texte saisi dans la barre d'adresse	PHPBB texte barré ?
Bannière et barre de liens FRONTPAGE	Icone dans la barre des taches pour IE ou dans l'onglet pour firefox
Plus de sujets relatifs à : barre d'outills

Page générée en 0.064 secondes