28172 sujets

CSS et mise en forme, CSS3

J'ai un petit problème, un petit script comme ça ne donne rien

<div style="background-image:url(barremenu.jpg)"></div>


pourquoi ?
Bonjour aussi Smiley ohwell

ps: il n'y a aucun contenu dans cette div. J'espère que barremenu.jpg est uniquement là pour la décoration et n'est pas une navigation en background css Smiley cligne
Bah, si t'as rien dans ton div, tu ne verras pas ton background. tu peux aussi fixer une largeur et une hauteur à ton div dans ton style.

Bonne suite
Mabelle a écrit :
tu peux aussi fixer une largeur et une hauteur à ton div dans ton style.

Ou plutôt il faut! Smiley cligne Sans quoi le div a une hauteur nulle.
Modifié par Hermann (09 Nov 2008 - 14:37)
oui en fait c'est pour faire un background pour des boutons.

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 10em;
	float: left;
        background-image:url(../images/barremenu.jpg);
}


ce n'est pas la bonne manière ?
Il aurait été plus judicieux de fournir ce code dés le départ...
yesh2 a écrit :

ce n'est pas la bonne manière ?

Tout dépend si le texte de ton item de liste est compris dans l'image ou dans le HTML. S'il est dans l'image, tu dois insérer cette image dans ton HTML avec un alt reprenant le libellé de la rubrique.
D'une manière général , ne jamais se reposer sur CSS pour rendre une information accessible.

Je doute que toutes les déclarations de ta règle soient nécessaires:

oui en fait c'est pour faire un background pour des boutons.
[code]
ul.MenuBarHorizontal li
{
	margin: 0; /* a priori inutile*/
	padding: 0; /* a priori inutile*/
	list-style-type: none;
	font-size: 100%; /* a priori inutile */
	position: relative; /* a priori inutile*/
	text-align: left; /* inutile si pas d'autres text-align en amont différent*/
	cursor: pointer; /*inutile > un lien doit doit être inclu dans le li*/
	width: 10em;
	float: left;
        background-image:url(../images/barremenu.jpg);
}

Modifié par Hermann (09 Nov 2008 - 16:19)