ecrire sur l'image d'un td

ecrire sur l'image d'un td - HTML/CSS - Programmation

Marsh Posté le 23-01-2003 à 17:50:48    

jvient de mrendre compte que je savais pas faire :/
 
dans un tableau je veut renplacer les bord par des image !
 
mais pas contre je n'arrive pas a ce que le text soit sur l'image il se met toujour en dessous !
ca doit etre fesable en css mais comment? :??:


Message édité par Profil supprimé le 23-01-2003 à 18:04:44
Reply

Marsh Posté le 23-01-2003 à 17:50:48   

Reply

Marsh Posté le 23-01-2003 à 17:58:52    

le texte par dessus une l'image de bordure dans un tableau ? Houlala  
 
je vois qu'une solution, chaque image de bordure dans un div, et chaque texte dans un div supperposé. Oublie les tableaux pour les mises en page complexes

Reply

Marsh Posté le 23-01-2003 à 18:02:11    

:/
 
ya pas moyen de foutre l'image en fond seulement?
 
et d'ecrire normalement par dessus :??:

Reply

Marsh Posté le 23-01-2003 à 18:08:25    

sinon je pourrait mettre une image sur els 4 arrete du <td>
 
c'est possible des les position au extremité des cadre?

Reply

Marsh Posté le 23-01-2003 à 18:08:49    


Citation :


ya pas moyen de foutre l'image en fond seulement?
 
et d'ecrire normalement par dessus

 
 
si, je pensais que ct juste une image de bordure  :)  
 faudrait une image qui comporte 4 bords et tu la met en fond
 
<td background="fond.gif"> </td>
 
en CSS ca doit etre un truc genre :  
 
td {
background: url(fond1.jpg);  
background-repeat: no-repeat; // obligatoire
background-position: top left; //facultatif }
 
mais gaffe, dans cet exemple faudrait toutes les cellules a la même taille


Message édité par panchopa le 23-01-2003 à 18:15:52
Reply

Marsh Posté le 23-01-2003 à 18:12:16    

comment faire alors? [:dawa]

Reply

Marsh Posté le 23-01-2003 à 18:16:59    

hop j'ai édité plus haut avec une solution qui pourra peut-être s'adapter à ce que tu veux  :)

Reply

Marsh Posté le 23-01-2003 à 18:42:12    

smarche pas
 
 

<td width=200 height=100 class="float" background="image/top_table.gif">Best team (++)</td>

 
 

.float
 {
  border : none;
        background : url(image/top_table.gif);
background-repeat: no-repeat;
    }

ya aucune image qui s'affiche

Reply

Marsh Posté le 23-01-2003 à 18:43:27    

mais al ton truc c'est pour une image occupant tou le td?
ou alors pour 4 image que l'on disperce au 4 coin?

Reply

Marsh Posté le 23-01-2003 à 18:50:51    

hihi les deux solutions ne sont pas à combiner, ou bien tu le fait en html 4 et c'est du <td width=200 height=100 background="image/top_table.gif">Best team (++)</td>
 
ou bien tu fait du CSS/xhtml et tu utilise .float
{
 border : none;
       background : url(image/top_table.gif);
background-repeat: no-repeat;
   }
 
Par contre, donner float comme nom de classe, évite c'est sans doute un mot reservé !  
 
 

Citation :

mais al ton truc c'est pour une image occupant tou le td?
ou alors pour 4 image que l'on disperce au 4 coin?

C'est pour une image de fond qui est un rectangle avec les 4 coins comme tu les veux, mais c'est pas top en fait. ca risque de faire bizarre qd y'aura 2 cellules côte a côte, a moins peut-être de mettre le BG une cellule sur 2... a voir.  
Il est impossible de designer une image pour le coin gauche, une pour le coin droite etc... avec un tableau. Par contre avec les CSS tu peux définir la couleur et le style (en pointillé, solide, double trait...) de chaque de ces 4 élement séparément.  
 
Enfin, si tu veux absolument une image pour chaque coin, il faut les placer avec des divs et te passer de <table>
 
courage  :)

Reply

Marsh Posté le 23-01-2003 à 18:50:51   

Reply

Marsh Posté le 23-01-2003 à 18:56:42    

ca marche [:keyzer93]
 
marchi bcp :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed