problème de tableaux CSS

problème de tableaux CSS - Web design - Graphisme

Marsh Posté le 30-01-2004 à 09:50:30    

voila je vous expose le problème je voudrais faire un tableau dans lequel une ligne du tableau aurais eu une image de fond et a chaque fois ke par exemple on ecrit du text la ligne s allongerait toute seul je c le faire en html mais j aimerias le faire en css.
en html j'ai fais le tuto la : http://www.kloobik.com/interface.htm
ça marche nikel mais avec css j'ai essaye de faire ça :
 
<HTML>
 <HEAD>
<style type="text/css">
table {
border: medium solid #6495ed;
border-collapse: collapse;
width: 50%;
}
th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
.td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-image:url(logo-euriware.gif);
}
caption {
font-family: sans-serif;
}
 
</style>
</head>
 
<body>
 
<table>
<tr>
 <td>hu</td>
 <td>ho</td>
 <td>ha</td>
</tr>
<tr>
<div class="td">
 <td>hu</td>
 <td>&nbsp;</td>
 <td>ha</td>
</div>
</tr>
<tr>
 <td>hu</td>
 <td>ho</td>
 <td>ha</td>
</tr>
</table>
 
c un petit test mais ça marche pas :/  
Ensuite je voudrais que la partie qui s'allongerait soit dans une boite avec acenseur (overflow) g essayer mais ça aussi j arrive pas :/
merci
 
voila mon site pas finit encore : www.natasgfx.fr.st

Reply

Marsh Posté le 30-01-2004 à 09:50:30   

Reply

Marsh Posté le 30-01-2004 à 11:41:18    

[:drapal] .. ca a l'air bordelique, t'aiderais plus tard :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 30-01-2004 à 12:18:29    

loool merci kan meme :P

Reply

Marsh Posté le 02-02-2004 à 15:38:23    

:bounce:

Reply

Marsh Posté le 02-02-2004 à 15:41:05    

<div class="td">
 <td>hu</td>
 <td>&nbsp;</td>
 <td>ha</td>
</div>  
 
Ca veut rien dire ton code [:wam]

Reply

Marsh Posté le 02-02-2004 à 16:00:25    

ben ya une logique derrière (enfin je pense) si je met mon background image dans le td ça va se repeter comme dans le tuto or en plus moi je voudrais integrer un scrolling c pour ça ke g fais .td pour essayer de mettre un overflow entre la 1 ere ligne du tableau ki reste fixe et la 3eme du tableau ki reste fixe aussi...
va voir mon site tu commprendra : par exemple dans la section signs je voudrais pour voir rajouter un scrolling a l interieur du tableau ki la s agrandit automatiquement a chaque fois ke je rajouter une image.
Donc la mon code veut rien dire je le vois bien puisque ça marche pas ...

Reply

Marsh Posté le 03-02-2004 à 07:27:58    

faut que tu fasse un grand tableau a 3 lignes et 1 seule colone dans chaque ligne
et apres tu integre dans chaque cellule ce que tu veux.
enfin si j ai bien compris ce que tu veux fais.
en fixant la taille de chaque cellules comme tu veux.


---------------
icite ca shoot : albphoto.fr   //   la ca bricole : albworkshop.fr  //  A VENDRE Canon ST-E2
Reply

Marsh Posté le 03-02-2004 à 10:02:02    

ben tiens j'lavais oublié s'tomik [:cupra]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 03-02-2004 à 10:06:23    

bon g tenter ce que tu avais dit metos mais ça me fais pareil que le tuto ça marche mais j'arrive  pas a integrer en meme temps un scrolling verticale dnas la deuxième ligne du tableau..
 
g fais ça :
ça c ma deuximele lilgne du tableau
 
<tr>
<div class="cel">
 <td background="logo-euriware.gif">&nbsp;  
<img src="gauchepage2.jpg">
<img src="gauchepage2.jpg">
</td>
</div>
</tr>
 
le div class="cel" me sert a mettre mon scrolling dans la deuxième ligne du tableau  
je lé declaré en haut dans le style avec :
.cel{
overflow : auto;
width:550px;
height:478px;
}
 
or mainetenant je me retrouve avec une cellule au dessus du tableau (si j'ecrit dans cette cellule le scrolling apparait).

Reply

Marsh Posté le 03-02-2004 à 10:09:16    

places ton style 'cel' sur le td lui même [:wam]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 03-02-2004 à 10:09:16   

Reply

Marsh Posté le 03-02-2004 à 10:20:12    

je lé deja fais ça marche pas
or en plus si je l appliaque a td toutes mes colonnes auront ce style alors que moi je veux ke la deuxieme colonne de ce style la ...


Message édité par NataS GFX le 03-02-2004 à 10:25:08
Reply

Marsh Posté le 03-02-2004 à 13:59:28    

c bon j suis arrivé ça ma pris du temps mais j suis arrivé ;)
merci à ceux ki ont repondu :)

Reply

Sujets relatifs:

Leave a Replay

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