Discussion :

[laurentSc]

Bonjour,

comme le dit le titre, je cherche à créer une bordure et mettre un fond coloré sur certains éléments. Pour qu'ils soient entourés des 4 côtés, je place les éléments dans une table et ai créé une classe :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<li><table>
<tbody>
<tr>
<td class="calendar_not_free">7</td>
</tr>
</tbody>
</table></li>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.calendar_not_free {
		border-width:1px;
		border-style: solid;
		border-color:black;
		background-color:lightblue;
}

Ce code fonctionne puisque si je le place dans un fichier de test, j'obtiens ce qui est souhaité ; par contre, placé dans mon code, si je regarde avec Firebug, la classe n'est pas appliquée. Y a-t-il moyen qu'elle le soit ?

[Jacques Beauregard]

Bonjour,
Je ne comprends pas cette phrase :

Pour qu'ils soient entourés des 4 côtés, je place les éléments dans une table

Puisque la propriété CSS "border" le fait.
Tu peux regrouper 3 lignes de CSS en une. Voir ci-dessous.
Sinon les <table> dans les <li> c'est joli^^ : ce bout de code ne serait-il pas plus simple? ( sauf si tu veux faire un truc en particulier)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li> <span class="calendar_not_free">7</span></li>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.calendar_not_free {
		border:1px solid black;
		background-color:lightblue;
}

[Invité]

frankensteinSc,

c'est la n-ième discussion que tu ouvres pour, toujours et encore, le même type de problème...
On commence sévèrement à en avoir marre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><table>.....

N'importe quoi...
Tu fais vraiment perdre le temps de tout le monde...

Et je ne plaisante pas.

Ce code fonctionne puisque si je le place dans un fichier de test, j'obtiens ce qui est souhaité ;
par contre, placé dans mon code, si je regarde avec Firebug, la classe n'est pas appliquée.

Et TU N'AS TOUJOURS PAS COMPRIS que le problème NE vient PAS du code que tu MONTRES, mais de celui QUE TU NE MONTRES PAS* ???

* = celui DE TA PAGE !!!!



N.B. @Jacques
Décidemment, tu aimes bien les <span> inutile !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li class="calendar_not_free">7</li>

[Jacques Beauregard]

Dans ce cas précis : j'ai mis volontairement ce <span> ( par fainéantise, comme l'est l'auteur du topic)
Effectivement <li> est un élément block. Donc avec le CSS actuel de Laurent, on obtenait un background qui faisait toute la largeur de son conteneur ( ce qui est moche ici)
J'ai donc mis un élément inline pour éviter ça plutôt que de toucher au CSS ( par fainéantise ..)

[Invité]

Dans ce cas précis... (ce qui est moche ici)...

Je suis épaté que tu aies compris ce qu'il veut réellement faire, vu qu'il ne le sait pas lui-même* !

Bravo.

* en tout cas, il ne l'a pas clairement expliqué, comme à son habitude...

...par fainéantise...

Malheureusement avec frankensteinSc, c'est contagieux !

[Jacques Beauregard]

Bah selon moi : il veut avoir des éléments entourés en noir, avec une couleur de fond "lightblue".
Mais selon lui : il faut passer par des <td> : ce qui prouve qu'il ne connaît pas la propriété CSS border.
De plus le problème semble être lié à une classe non appliquée : et donc ma boule de cristal indique :

- fichier .css externe est-il bien déclaré?

[laurentSc]

Et TU N'AS TOUJOURS PAS COMPRIS que le problème NE vient PAS du code que tu MONTRES, mais de celui QUE TU NE MONTRES PAS* ???

* = celui DE TA PAGE !!!!

Si j'avais compris mais...

( par fainéantise ..)

Et vu la complexité de la conception, y a du vrai...

Y a plus qu'à l'éclaircir....

N.B. Et non, laurentSc N'est PAS un fumiste.

Merci

- fichier .css externe est-il bien déclaré?

C'est pas si simple...

[NoSmoking]

Bonjour,
juste pour mettre mon nez ici

Sinon les <table> dans les <li> c'est joli^^ : ce bout de code ne serait-il pas plus simple?

d'autant que...

Je suppose que tu fais référence à l'emploi de <table>...J'ai pu m'en débarrasser grâce à du CSS :

aussitôt débarrasé aussitôt retrouvé

[laurentSc]

aussitôt débarrasé aussitôt retrouvé

J'y peux rien car

Chassez le naturel, il revient au galop