Biiijjjooouuurrr (ou bonsoir)
 
Je suis sur un "truc" là, il faut aligner un span et une image (en fait, un span et une image représente un p'tite icone)
 
On utilise un span, car pour faire un changement de couleur, etc, c'est plus simple. Et l'image est utilisé car dans l'appli avant, c'était une image.
 
 
Grosso modo, ça donne ça :  

 
Et comme on peu le voir, il y a un joli décalage, assez "pas beau" entre un span(rouge) et une image (verte) (ce qui génère un blanc en haut et en bas de chaque case, que je veux pas non plus : bref, j'ai deux elements par case, qui doivent recouvrir toute la case)
 
grosso modo, le code, ça donne ça (y'a pi être des balises qui sont parti lors du Ctrl+C/Ctrl+V):  

 
 
et op, un p'tit bout de code css

Alors, oui, y'a du code crade, mais là, j'suis désespéré. Et j'suis près a accepter toutes les bidouilles (bon, sauf si c'est du n'importe quoi genre mettre un tableau dans chaque <td>...oui, j'ai déjà essayé   )

tu style le TD directement au lieu de te faire chier à foutre un span
 
sinon ton span tu le transforme en type block, puisqu'un type inline ne peut avoir de dimensions, sauf les éléments inline de type remplacé et non remplacés comme les textarea, input....
 
donc la solution :  
 
<td><img></td>
ou
<td><span><img></span></td> ce que je trouve bizarre alors que tu peux style le TD directement <td class="truc">
 
et en CSS tu rajoute display:block à ton span
 
m'enfin j'ai po du saisier exactement ce que tu veux faire.
 
Hummmm M. zapan666 je suis supris que vous posiez une question aussi bizarre. Mais le HFR Help Service reste à votre écoute

ça, c'est pas bête du tout, j'vais essayé demain.
 
Pour style le td : pas possible (cf voir plus loin) car il y a une représentation en 1/2 journée.
J'aurais bien mis des colspan=2 sur les entetes et mettre 2 fois plus de td sur chaque ligne (et pouvoir style directement les tds) mais le risque est que la page JSP deviennent pire que Butagaz, comme usine à gaz...

alllooorrrsss, comment dire...
 
C'est une sorte de calendrier, découpé en demi journée.
Donc il y a une différence entre le matin, et l'après midi
(c'est pour ça que j'ai deux span a la suite : un pour l'après midi, et et un pour le matin, ils peuvent avoir une couleur différentes, mais ce n'est pas visible sur l'image fourni)
Par contre,  il ne doit y avoir de blanc autour.
 
L'utilisation des images, c'est pour être compatible avec ce qui existe déjà dans l'appli (c'est un Intranet)
 
bref, c'est problématique
 
 
Edit :

 
 
exemple plus ou moins concret :  
1 ligne, c'est type top : (j'ai mis que des span, donc pas de pb)  
on peut voir des demis journées (case avec du bleu et du rouge : 1/2 journée est différente de l'autre)
 
Par contre, la 2nd ligne couille a cause des images (et c'est dommage   )
 
- oui, je sais, question bizare, utilisation, bizare, tout ça...mais c'est binetôt vendredi, hein -

ben la solution :  
enfin il y en a plusieurs des solutions lol
 
celle que je vois le mieux :  
transformer les span en display block pour faire fonctionner les width et autres dimensions
puis un float:left du premier span de la chose.
 
donc le mieux serait de faire ceci :  
<span class="matin rouge"></span><span class="aprem truc">
 
et en CSS  
span.matin {float:left}
span.rouge {action concernant le rouge}
etc...
 
 
tu as saisis ?
 
en gros tes span sont en inline, et un élément inline ne peut etre redimensionné

le problème ici, est que si y'a une p'tite couille sur les colonnes, genre si elle est un poil trop petite, le bloc suivant le span, qui est en float left, passe à la ligne   (et faut pas qu'il passe à la ligne)
 
J'ai déjà chercher le pourquoi du comment, mais j'ai eux un problème bizarre, si je me souviens bien.
C'était bien aligner, mais j'ai un blanc de 1pixel de trop (colonne trop large)
J'enleve ce pixel sur la largeur de la colonne, et là, c'est le drame, le span passe a la ligne
Et oui, chez IE, 10 + 10 != 20 j'ai l'impression...
 
 
(le pire, c'est que ça marchais avant, j'ai "alegé" (un peu beaucoup) le code en utilisant les CSS, et là, le drame, l'affichage voir)

solution crade et tendancieuse de ma part :  
 
<table>
<tr>
<th colspan="2"></th>
</tr><tr>
<td>Matin</td><td>aprem</td>
</tr>
</table>
 
en gros une journée équivaut à 2 cellules
et pour les journées complète tu met une seule celulle avec un colspan="2"
 
ce sont des données tabulaires, donc on s'en tamponne un peu de la methode CSS ou autre utilisée, moi j'aurais fait comme ça, c'est plus simple je trouve

Sinon pour éviter à ton SPAN d'aller à la ligne, tu fous un overflow:hidden sur ton TD, et hop magie magie et vos idées ont du génie [pub inside ]

bordel, mais c'est pas con ça. j'essaye de suite  

Alors 2 span deux suite, ça marche nickel, alors par contre, avec les images, le comportement est dingue : pour que 2imgs soit l'une après l'autre, je dois étendre les colonnes (30px à la place de 20, spa du tout normale pour des imgs de 10px de large...), et du coup, j'ai des blancs  
 
 
bref, c'est n'importe quoi...
 
(j'ai mis le padding et margin à 0 sur les imgs, entre un span et une <img /> j'ai aucun espace, ni retour à la ligne ou autre)
 
 
 
 
j'en ai marre   pourquoi c'est si dure de faire un truc si simple  

suicide toi

Comme ça marche avec des span, et pas avec des images, j'ai viré les images...Et j'ai stylé les span en mettant les images en fond    
 
ça marche du tonerre de dieu, c'est carement plus évolutif, car plus tard, quand y'aura plus d'image, ils n'auront plus qu'a virer les background-image.
 
Et en améliorant le truc, il y a moyen de faire un générateur automatique de style, donc ça alege la page et tout et tout.  
 
  Yeah   J'ai pouvoir partir en vacances tranquil

C'est ça que tu veux au final...
 

 
vi sauf qu'on a beaucoup plus d'info & les demi journées sont indépendantes.
Bref, c'est la même chose, mais en plus complexe car tout est quasi customisable via des paramètres

/me vient d'avoir une idée farfelue
 
pour tes demi journées xTof, ya une technique à la con
tu colles Deux span l'un sur l'autre, l'un a une couleur de fond complète
et celui pardessus l'autre a une image en fond, dont une partie de l'image est transparente. lol

Ben je vais pas te montrer la suite alors...
 
Bonne chance...

ben ton truc xtof_83, ca se fait hyper rapidement en y collant des images lol. pas besoin de me montrer

Mais eux...