[HTML]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML]

protoinou

BONJOUR :hello:

Voilà je voudrais faire un truc en HTML mais je n'y arrive pas :??:

En fait le but de mon truc c'est d'écrire du texte simple , puis à la suite du texte, sur la meme ligne je voudrais rajouter une image de bouton ...

Mais voilà le truc c'est que j'aimerai que ce bouton soit de la form d'un tableau (ou un truc comme çà)
C'est à dire que j'aimerai qu'à gauche du tableau j'ai la partie gauche du tableau, au milieu le background du bouton + qqchose d'écrit dynamiquement ('Entrer' et à droite la partie droite !!!

j'ai éssayé avec le tag 'table' (<table> ) mais çà ne marche pas .. j'ai penser à div mais pareil çà va à la ligne ...

Ensuite j'ai essayé avec span en métant mes parties dimages en background, mais je ne sais pas comment faire pour définir la taille du bakground dans le span , donc çà ne va pas .;;

Si qq'un peut m'aider.. ..

:bounce: Je serais comme çà

Publicité

sibelius

Vous êtes sûr ?

<body>
<div class="gauche">image de gauche</div>
<div class="texte">texte</div>
<div class="droite">image de droite</div>
</body>

CSS:

.gauche {
background-color: #009900;
float: left;
height: 30px;
width: 30px;
}
.texte {
background-color: #00FFCC;
float: left;
height: 30px;
width: 300px;
text-align: center;
vertical-align: middle;
background-image: url((URL));
}
.droite {
background-color: #009900;
float: left;
height: 30px;
width: 30px;
}

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

protoinou

Merci :hello:

protoinou

Besoin d'aide à nouveau: çà ne marche pas bien ...

J'ai un pb maintenant, le problème est que la liaision entr el'image de droite et celle du milieu ne colle pas ...
Est ce que vous pouvez m'aider ?

J'utilise en plus en CSS: background-repeat : no-repeat;

Je sais plus quoi faire :??: :??: :??:

sibelius

Vous êtes sûr ?

Tu as bien défini les tailles de .gauche, .texte et .droite ?

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

protoinou

Je t'envoi le CSS attands :

Code :

.debut {
background-image:url(../images/ico/btn_navigation_left.gif);
border: 0;
margin-right:0;
background-color: white;
font-size : 32px;
width:7px;
vertical-align:middle;
clear:both;
background-repeat : no-repeat;
background-position: left;
}
.fin {
background:url(../images/ico/btn_navigation_right.gif);
border: 0px;
background-color: white;
font-size : 32px;
width:7px;
vertical-align:middle;
background-position: right;
background-repeat : no-repeat;
row-span:0;
}
.milieu {
background:url(../images/ico/btn_navigation_mid.gif);
margin-left:0;
border: 0px;
background-color: white;
border-style:solid;
border-color:black;
font-size : 32px;
vertical-align:middle;
background-position: left;
}
.milieuBis {
font-size : 12px;
border:0px;
border-style:solid;
border-color:black;
vertical-align:middle;
padding-bottom:10px;
height:32;
}

et en HTML :

Code :

<span class="debut"> </span><span align="absmiddle" class="milieu"> <span class="milieuBis"><img class="ico" src="../images/ico/back.gif"> Précédent </span> </span><span class="fin"> </span>

Bon bah voilà je ne vois pas là ...
:cry:

protoinou

[:japy]

youdontcare

ProToinou a écrit :

mais pareil çà va à la ligne ...

par défaut, <div> et <table> ont leur propriété css display à block, qui cause le passage à la ligne. passe en inline.

protoinou

Ah non là çà ne va pas à la ligne ...

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML]

Sujets relatifs
[Javascript]Executer un javascript a l'ouverture d'un page html	[html/js] powered by css :)
Tester si le serveur accepte le html (Mail())	Tout petit pb en html et java applet
[ Divers / HTML ] Comment tester son site sous IEx si on les a pas ?	[HTML] Pour la mise en forme avancées, vous etes plutot div ou table ?
[html] css & transparence ?	Decryptage HTML
[JS-HTML] Problème de variable...	[html-css] Dimension d'une case d'un tableau dans NS
Plus de sujets relatifs à : [HTML]

Page générée en 0.050 secondes