[HTML]

Marsh Posté le 09-05-2003 à 18:59:32

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 çà

Reply

Marsh Posté le 09-05-2003 à 18:59:32

Reply

Marsh Posté le 09-05-2003 à 19:39:09

<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

Reply

Marsh Posté le 12-05-2003 à 09:47:26

Merci :hello:

Reply

Marsh Posté le 13-05-2003 à 15:52:18

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 :??: :??: :??:

Reply

Marsh Posté le 13-05-2003 à 16:05:45

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

Reply

Marsh Posté le 13-05-2003 à 16:13:44

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:

Reply

Marsh Posté le 13-05-2003 à 16:28:10

[:japy]

Reply

Marsh Posté le 13-05-2003 à 16:40:36

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.

Reply

Marsh Posté le 13-05-2003 à 16:59:31

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

Reply

[HTML]

Sujets relatifs:

Leave a Replay