Transition de ces 8 lignes en CSS

Transition de ces 8 lignes en CSS - HTML/CSS - Programmation

Marsh Posté le 19-03-2003 à 14:51:55    

J'ai beau chercher et tester, je doit pas être doué, je n'arrive pas à passé ces 8 lignes en XHTML/CSS strict sans avoir le même résultat :
 

Code :
  1. <table cellspacing="0" cellpadding="0" width="744" border="0">
  2.   <tr>
  3.     <td width="48" height="19"><img src="images/deg_haut_gauche.jpg" /></td>
  4.     <td width="494" align="center" valign="top" background="images/deg_bg_barre_jp_haut.jpg"> </td>
  5.     <td width="19"><img src="images/debut_sec_deg_haut.jpg" /></td>
  6.     <td width="183" background="images/deg_bg_sec_barre_haut.jpg"> </td>
  7.   </tr>
  8. </table>


 
Rien que quand le remplace la 1ere ligne qui déclare le tableau par une class CCS revenant à :

Code :
  1. table.test {
  2. border : none;
  3. border-spacing : 0px;
  4. border-collapse : collapse;
  5. width: 744px;
  6. height: 19px;
  7. }


Chaque cellule forme des block avec des enorme blanc entre les images ( jai mis aussi : img { display : block; border : 0px; }
Merci à vous d'avance  :sweat:


Message édité par Maxime le 19-03-2003 à 15:03:07
Reply

Marsh Posté le 19-03-2003 à 14:51:55   

Reply

Marsh Posté le 19-03-2003 à 15:02:10    

Code :
  1. <td width="183" background="images/deg_bg_sec_barre_haut.jpg"> </td>


 
.haut2
{
width:183px;
background-image : url(images/deg_bg_sec_barre_haut.jpg);
}
 
par exemple
 
Pour le tableau
 
.test
{
border-collapse:collapse;
width:744px;
}
 
devrait suffire, si je souvenance bien.
 
[Mode pédagogique ON]
Cela mis à part, tu aurais sans doute des réponses plus nombreuses et pertinentes si tu mettais tes essais et expliquais ce qui foirasse.
[Mode pédagogique OFF]

Reply

Marsh Posté le 19-03-2003 à 15:04:15    

--Message édité par Maxime le 19-03-2003 à 15:03:07--  => jy ai pensé en meme temps que t'écivais ton message  :D

Reply

Marsh Posté le 19-03-2003 à 16:19:18    

Dans ta version XHTML/CSS tu as gardé cellpadding et cellspacing ? Ils sont toujour autorisés en XHTML Strict.
 
Sinon il faut penser à définir le padding pour les cellules :
 

table.test td {
  padding: 0px;
}


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-03-2003 à 17:20:39    

marche toujours pas :/

Reply

Marsh Posté le 19-03-2003 à 17:25:04    

laisse tombé, chu une bouze incontesté, le chemin vers le css etais movais => aucun ccs de déclaré, lol, chu nul.
 
 
Désolé pour ce topic foireux  [:totoz]

Reply

Marsh Posté le 19-03-2003 à 17:31:20    

Maxime a écrit :

laisse tombé, chu une bouze incontesté, le chemin vers le css etais movais => aucun ccs de déclaré, lol, chu nul.
 
 
Désolé pour ce topic foireux  [:totoz]  


 
Non, c normal, au début, ça semble dur, mais après c'est 2 fois plus facile qu'avant. On est tous passé par là ;)

Reply

Marsh Posté le 19-03-2003 à 18:00:09    

:o  
 
 
Sinon j'ai un autre problème incompréensible a premiere vu : jai fait un "text-align : right;", mais la choz nest pas coté contre le bord de la celule. scheams :
 

[            -     ]


 
 
le code complet fait une 30aine de ligne donc ca va etre le fouilli si je c/c ici. apriori dou eut venir le probleme? ( "pading : 0px;" pour la cellule, et "border-spacing : 0px;" + "border-collapse : collapse;" pour les tableaux )

Reply

Marsh Posté le 19-03-2003 à 18:03:48    

Maxime a écrit :

:o  
 
 
Sinon j'ai un autre problème incompréensible a premiere vu : jai fait un "text-align : right;", mais la choz nest pas coté contre le bord de la celule. scheams :
 

[            -     ]


 
 
le code complet fait une 30aine de ligne donc ca va etre le fouilli si je c/c ici. apriori dou eut venir le probleme? ( "pading : 0px;" pour la cellule, et "border-spacing : 0px;" + "border-collapse : collapse;" pour les tableaux )


 
Prends un hébergement gratuit chez voilà (15 minutes montre en main) et postes tes pages quand tu as des problèmes. C'est bcp plus facile pour nous d'aider les gens comme ça. (On va finir par rendre ça obligatoire, parce que c'est pénible de parler dans le vide - je dis pas ça pour toi, mais en général).

Reply

Marsh Posté le 19-03-2003 à 18:07:46    

http://www.dvd-ripp.org/test/top.php3
 
 :hello:
 
edit : cest le input recherche suivi de limage go.


Message édité par Maxime le 19-03-2003 à 18:08:24
Reply

Marsh Posté le 19-03-2003 à 18:07:46   

Reply

Marsh Posté le 19-03-2003 à 21:39:13    

Tu ne peux pas avoir 4 cellules sur une ligne dans une table et une seule cellule en dessous ;)

Reply

Marsh Posté le 19-03-2003 à 23:52:57    

jai mis colspan="4"  :heink:  
 
normal marche pas? :??:  
sinon je crée une autre table pour la pouvre petite ligne  :D

Reply

Marsh Posté le 19-03-2003 à 23:56:28    

Maxime a écrit :

jai mis colspan="4"  :heink:  
 
normal marche pas? :??:  
sinon je crée une autre table pour la pouvre petite ligne  :D  


 
Pour les CSS, il faut croire que le colspan n'existe pas. :D
 
C'est pourquoi, je fait TOUT absolument TOUT  sans colspan et rowspan ;)

Reply

Marsh Posté le 20-03-2003 à 00:07:29    

ca fait plus de tableau  :o  
Je crois que je vais me résigner à ca en espérant que ca en ai bien la cause  :D

Reply

Marsh Posté le 20-03-2003 à 08:17:16    

Hermes le Messager a écrit :


 
Pour les CSS, il faut croire que le colspan n'existe pas. :D
 
C'est pourquoi, je fait TOUT absolument TOUT  sans colspan et rowspan ;)


 
Bizarre j'utilise colspan, CSS2 et XHTML1.1 et j'ai pas de problème  :heink:

Reply

Marsh Posté le 20-03-2003 à 10:39:52    

Hermes le Messager a écrit :

Pour les CSS, il faut croire que le colspan n'existe pas. :D


Enfin c'est surtout pour IE que ça pose problème. On avait un autre cas il y a quelques temps. Sous Mozilla, l'alignement est correct.

Hermes le Messager a écrit :

C'est pourquoi, je fait TOUT absolument TOUT  sans colspan et rowspan ;)


Moi j'évite d'utiliser des tableaux ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-03-2003 à 10:44:28    

gm_superstar a écrit :


Enfin c'est surtout pour IE que ça pose problème. On avait un autre cas il y a quelques temps. Sous Mozilla, l'alignement est correct.


 
Exact, je m'en souviens.  :jap:  
 

Citation :

Moi j'évite d'utiliser des tableaux ;)


 
Beh moi aussi quand je peux. Mais si je me rend compte que mettre uniquement des divs pose des problèmes de compatibilité avec les navigateurs moyennement récents (IE 5 ou opera 6), ou encore si le code ainsi formé est bcp plus complexe et lourd, il m'arrive d'utiliser des tables.
ça concerne 10% des cas chez moi.

Reply

Marsh Posté le 20-03-2003 à 10:47:20    

Bah, dans son cas ça ne devrait pas être dur de passer par un div. Au lieu d'utiliser une image découpée et un tableau, on met l'image complète en fond dans un DIV et on place le <input> et l'image avec un alignement à droite (on pourra régler la hauteur en jouant sur le padding)


Message édité par gm_superstar le 20-03-2003 à 10:47:41

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-03-2003 à 10:50:44    

tu parle pour moi gm_superstar?

Reply

Marsh Posté le 20-03-2003 à 10:51:37    

gm_superstar a écrit :

Bah, dans son cas ça ne devrait pas être dur de passer par un div. Au lieu d'utiliser une image découpée et un tableau, on met l'image complète en fond dans un DIV et on place le <input> et l'image avec un alignement à droite (on pourra régler la hauteur en jouant sur le padding)


 
Tout à fait d'accord. Mes propos ne s'appliquaient pas à son cas.
 
Ceci dit, je trouve pas mal dans un premier temps chez les gens ne sachant pas utiliser les divs de rester une période transitoire avec des tables et de préciser toutes les propriétés de celles-ci avec les CSS. En effet, quand les propriétés sont bien assimilées, il est bcp plus facile ensuite de se mettre à fond aux divs, sachant qu'il y a pas mal d'exeptions, de choses incompatibles et de rêgles à connaitre ensuite spécifiques pour les divs.  
Je trouve cela plus "pédagogique" que de remplacer directement les tables par des divs + apprentissage des CSS2. Ya un aspect "bloquant" qui apparait si on va trop vite. Je le sais parce que je l'ai moi-même éprouvé pendant un bout de temps.
 :D  

Reply

Marsh Posté le 20-03-2003 à 10:52:45    

Maxime a écrit :

tu parle pour moi gm_superstar?


Difficile d'être plus clair non ? ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-03-2003 à 10:55:05    

nan mais comme ya discut apart :D
 
PS : je fais pas le gfx du site, donc merci du tuyaux et vais vois ke vais pouvoir faire ^^
 
 :hello:  :jap:

Reply

Marsh Posté le 20-03-2003 à 17:54:47    

mais quand j'y repense, c'est vraiemnt bizar que lalignemetn soit ok dans le code version "htlm" rien dans les css, et ke la, ca bug.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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