Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1431 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Transition de ces 8 lignes en CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Transition de ces 8 lignes en CSS

n°337267
Maxime
Posté le 19-03-2003 à 14:51:55  profilanswer
 

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
mood
Publicité
Posté le 19-03-2003 à 14:51:55  profilanswer
 

n°337283
deliriumtr​emens
sic transit intestinal...
Posté le 19-03-2003 à 15:02:10  profilanswer
 

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]

n°337290
Maxime
Posté le 19-03-2003 à 15:04:15  profilanswer
 

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

n°337345
gm_superst​ar
Appelez-moi Super
Posté le 19-03-2003 à 16:19:18  profilanswer
 

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
n°337393
Maxime
Posté le 19-03-2003 à 17:20:39  profilanswer
 

marche toujours pas :/

n°337401
Maxime
Posté le 19-03-2003 à 17:25:04  profilanswer
 

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]

n°337412
Hermes le ​Messager
Breton Quiétiste
Posté le 19-03-2003 à 17:31:20  profilanswer
 

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à ;)

n°337476
Maxime
Posté le 19-03-2003 à 18:00:09  profilanswer
 

: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 )

n°337490
Hermes le ​Messager
Breton Quiétiste
Posté le 19-03-2003 à 18:03:48  profilanswer
 

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).

n°337505
Maxime
Posté le 19-03-2003 à 18:07:46  profilanswer
 

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
mood
Publicité
Posté le 19-03-2003 à 18:07:46  profilanswer
 

n°337911
Hermes le ​Messager
Breton Quiétiste
Posté le 19-03-2003 à 21:39:13  profilanswer
 

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

n°338097
Maxime
Posté le 19-03-2003 à 23:52:57  profilanswer
 

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

n°338100
Hermes le ​Messager
Breton Quiétiste
Posté le 19-03-2003 à 23:56:28  profilanswer
 

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 ;)

n°338107
Maxime
Posté le 20-03-2003 à 00:07:29  profilanswer
 

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

n°338164
Flyman30
Posté le 20-03-2003 à 08:17:16  profilanswer
 

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:

n°338269
gm_superst​ar
Appelez-moi Super
Posté le 20-03-2003 à 10:39:52  profilanswer
 

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
n°338279
Hermes le ​Messager
Breton Quiétiste
Posté le 20-03-2003 à 10:44:28  profilanswer
 

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.

n°338282
gm_superst​ar
Appelez-moi Super
Posté le 20-03-2003 à 10:47:20  profilanswer
 

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
n°338286
Maxime
Posté le 20-03-2003 à 10:50:44  profilanswer
 

tu parle pour moi gm_superstar?

n°338287
Hermes le ​Messager
Breton Quiétiste
Posté le 20-03-2003 à 10:51:37  profilanswer
 

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  

n°338290
gm_superst​ar
Appelez-moi Super
Posté le 20-03-2003 à 10:52:45  profilanswer
 

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
n°338297
Maxime
Posté le 20-03-2003 à 10:55:05  profilanswer
 

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:

n°338818
Maxime
Posté le 20-03-2003 à 17:54:47  profilanswer
 

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.

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Transition de ces 8 lignes en CSS

 

Sujets relatifs
[CSS] Ce qu'on peut "programmer", interactivitéDELETE de plusieurs lignes et de plusieurs tables?
C+ lignes bleue[php] afficher les lignes commençant par //- d'un fichier
Formulaire ASPX et CSS[master des CSS] recherché urgent :)
Center une image par rapport à 2 lignes[CSS] seul le cadre central defile
Comment écrire sur plusieurs lignes ds un txt, en phpMySQL: comment faire pour éviter des lignes en doublons [RESOLU]
Plus de sujets relatifs à : Transition de ces 8 lignes en CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR