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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de block/inline [résolu]

mika123

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 :

.horiz_g
{
background-image:url(images/gauche.gif);
background-repeat:no-repeat;
background-position:left;
height:32px;
padding-top:8px;
}
.horiz_c
{
background-image:url(images/centre.png);
background-repeat:repeat-x;
background-position:center;
height:32px;
padding-top:8px;
}
.horiz_d
{
background-image:url(images/droite.png);
background-repeat:no-repeat;
background-position:right;
height:32px;
}

qui sont censées afficher ces 3 images pour composer chaque "bouton".

lorsque je mets le code html suivant :

Code :

<div class="horiz_g"> ddd</div>
<div class="horiz_c">hello, message de coucou</div>
<div class="horiz_d"> 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

Publicité

omega2

essaye "float:left;"

mika123

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

omega2

"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.

mika123

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

Code :

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

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

Message édité par mika123 le 06-09-2005 à 20:31:38

gatsusat

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

mika123

gatsusat a écrit :

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

Quand on débute hein :

plainsofpain

Pingouino's lover

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

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

mika123

je vais y penser...

Bidem

mika123 a écrit :

Quand on débute hein :

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

Publicité

mika123

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

gocho

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

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

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 regex	Probléme visual C++ library error
CSS probleme avec le tag <label> dans firefox	Probleme 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]

Page générée en 0.047 secondes