Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
966 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de block/inline [résolu]

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de block/inline [résolu]

n°1193065
mika123
Posté le 06-09-2005 à 10:50:51  profilanswer
 

Hello,  
 
j'aimerais essayer de faire des "boutons" pour mon menu horizontal comme ceux du menu vertical ...
 
j'ai donc préparé 3 images, que j'ai appelées respectivement gauche, centre et droite toutes au format png.
 
en CSS j'essaie ces 3 classes :
 

Code :
  1. .horiz_g
  2. {
  3.     background-image:url(images/gauche.gif);
  4.     background-repeat:no-repeat;
  5.     background-position:left;
  6.     height:32px;
  7.     padding-top:8px;
  8. }
  9. .horiz_c
  10. {
  11.     background-image:url(images/centre.png);
  12.     background-repeat:repeat-x;
  13.     background-position:center;
  14.     height:32px;
  15.     padding-top:8px;
  16. }
  17. .horiz_d
  18. {
  19.     background-image:url(images/droite.png);
  20.     background-repeat:no-repeat;
  21.     background-position:right;
  22.     height:32px;
  23. }


 
qui sont censées afficher ces 3 images pour composer chaque "bouton".
 
lorsque je mets le code html suivant :
 

Code :
  1. <div class="horiz_g">&nbsp;ddd</div>
  2. <div class="horiz_c">hello, message de coucou</div>
  3. <div class="horiz_d">&nbsp;ddd</div>


 
j'ai bien mes 3 éléments qui s'affichent, chacun sur une ligne.
 
Seulement si je mets un display:inline; dans une des classes CSS, je n'ai plus d'apparition de l'image, et je ne comprends pas pourquoi ... Pouvez-vous m'éclairer svp ?
 
Je vous remercie de votre aide
mika123
 
PS : si vous voulez voir en gros, regardez ma signature :)


Message édité par mika123 le 11-09-2005 à 13:40:26
mood
Publicité
Posté le 06-09-2005 à 10:50:51  profilanswer
 

n°1193066
omega2
Posté le 06-09-2005 à 10:54:49  profilanswer
 

essaye "float:left;"

n°1193067
mika123
Posté le 06-09-2005 à 10:57:27  profilanswer
 

Dans la background position ?
En tout casmerci, j'essaie et je te dis ce soir  :)


Message édité par mika123 le 06-09-2005 à 11:11:33
n°1193172
omega2
Posté le 06-09-2005 à 13:57:38  profilanswer
 

"float" est une propriété au même titre que "height" ou "background-position". ;)
Ca permet de définir sur quel côté de la boite précédente celle ci va se coller. T'auras donc les images les une à côté des autres tant qu'il reste assez de place libre.

n°1193546
mika123
Posté le 06-09-2005 à 20:30:36  profilanswer
 

Effectivement ca marche, mais j'ai du rajouter quelques truc notamment les largeurs des images

Code :
  1. <td colspan="2" style="padding-left:37%;">
  2.      <span class="horiz_g">&nbsp;</span>
  3.                <span class="horiz_c">
  4.        <a href="http://laurence.ba.free.fr" class="menuh">Accueil</a>
  5.     <a href="http://www.tuning-pc.info/forum/index.php" class="menuh">Forum</a>
  6.     <a href="livre.php" class="menuh">Livre d or</a>
  7.     <a href="news.htm" class="menuh">News du site</a>
  8.    </span>
  9.                <span class="horiz_d">&nbsp;</span>


 
 
Merci à toi  :jap:   ===>regarde c nikel http://www.tuning-pc.info


Message édité par mika123 le 06-09-2005 à 20:31:38
n°1193696
gatsusat
Posté le 06-09-2005 à 23:17:20  profilanswer
 

tu me vire ton tableau à 2 balles ou je te butes

n°1193702
mika123
Posté le 06-09-2005 à 23:41:53  profilanswer
 

gatsusat a écrit :

tu me vire ton tableau à 2 balles ou je te butes


 
 :o Quand on débute hein :  :o

n°1193778
plainsofpa​in
Pingouino's lover
Posté le 07-09-2005 à 07:56:16  profilanswer
 

j'ai débuté avec des tables, quand on a montré les css ni une ni deux j'ai abandonné les tables.
 
Les css c'est plus facile que les tables pour un débutant, pas besoin de se faire chier avec des rowspan/colspan, bidouilles d'images transparentes etc ...
 
Le css tu dis (en anglais) où chaque élément doit etre placé et comment il doit être stylé. C'est vachement plus simple que des tables :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1193791
mika123
Posté le 07-09-2005 à 08:24:42  profilanswer
 

je vais y penser...;)

n°1194014
Bidem
Posté le 07-09-2005 à 13:23:31  profilanswer
 

mika123 a écrit :

:o Quand on débute hein :  :o


 
Quand on débute, il vaut mieux partir sur de bonnes bases et faire les choses comme il faut.
 
Beaucoup de débutant sont rebutés par Css car ils pensent que c'est plus dur d'apprendre html + css que d'apprendre le HTML_tout_pouris_ou_en_plus_tu_dois_apprendre_comment_faire_la_présentation_via_les_attributs...
 
Le choix se résume entre apprendre 2 techiques relativement simples et complémentaire OU apprendre 1 seule technique qui mélange et qui complique tout ;)
 
[EDIT] PS : cette remarque ne vaut pas vraiment pour toi vu que (à part l'utilisation des tables, tu est bien parti) ;)


Message édité par Bidem le 07-09-2005 à 13:25:54
mood
Publicité
Posté le 07-09-2005 à 13:23:31  profilanswer
 

n°1197006
mika123
Posté le 11-09-2005 à 13:38:07  profilanswer
 

màj, j'ai viré les tableaux ! c'est du full CSS :)  
www.tuning-pc.info !  
 
N'hesitez pas a signer mon livre d'or !  
Si l'url dérange je vire toute facon ya mon forum en signature ;)

n°1197011
gocho
Posté le 11-09-2005 à 13:49:41  profilanswer
 

Citation :

Introduction
Pour les mots suivis d'une étoile voir le lien "Définition" à l'accueil
Le tuning-pc c'est avant tout un art que l'on fait soi-même ! C'est en fait une transformation de son boîtier pour le rendre plus joli, éclairé, rangé ...etc.
Je ne vais pas m'étendre là  dessus, je vais plutôt passer directement au 2 types de tuning (oui il Y en a 2 :)


 
 
 
Chipotage mais bon  :D


Message édité par gocho le 11-09-2005 à 13:51:07

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de block/inline [résolu]

 

Sujets relatifs
probléme avec visual C++ library[RESOLU] macro,plus de macro...comprend pas tout... (excel)
[RESOLU]Boucle dans remplacement regexProbléme visual C++ library error
CSS probleme avec le tag <label> dans firefoxProbleme avec le solver sous vba XP
[RESOLU] Excel : macro qui marche, mais boutton qui marche pas ![Win32] new / delete & DLL [résolu]
Problème pour créer un script....[SQL] probleme insert basic avec sequences
Plus de sujets relatifs à : Problème de block/inline [résolu]


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR