Transition de ces 8 lignes en CSS - HTML/CSS - Programmation
Marsh Posté le 19-03-2003 à 15:02:10
Code :
|
.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]
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
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 { |
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
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. |
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à
Marsh Posté le 19-03-2003 à 18:00:09
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 )
Marsh Posté le 19-03-2003 à 18:03:48
Maxime a écrit :
|
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).
Marsh Posté le 19-03-2003 à 18:07:46
http://www.dvd-ripp.org/test/top.php3
edit : cest le input recherche suivi de limage go.
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
Marsh Posté le 19-03-2003 à 23:52:57
jai mis colspan="4"
normal marche pas?
sinon je crée une autre table pour la pouvre petite ligne
Marsh Posté le 19-03-2003 à 23:56:28
Maxime a écrit : jai mis colspan="4" |
Pour les CSS, il faut croire que le colspan n'existe pas.
C'est pourquoi, je fait TOUT absolument TOUT sans colspan et rowspan
Marsh Posté le 20-03-2003 à 00:07:29
ca fait plus de tableau
Je crois que je vais me résigner à ca en espérant que ca en ai bien la cause
Marsh Posté le 20-03-2003 à 08:17:16
Hermes le Messager a écrit : |
Bizarre j'utilise colspan, CSS2 et XHTML1.1 et j'ai pas de problème
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. |
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
Marsh Posté le 20-03-2003 à 10:44:28
gm_superstar a écrit : |
Exact, je m'en souviens.
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.
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)
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.
Marsh Posté le 20-03-2003 à 10:52:45
Maxime a écrit : tu parle pour moi gm_superstar? |
Difficile d'être plus clair non ?
Marsh Posté le 20-03-2003 à 10:55:05
nan mais comme ya discut apart
PS : je fais pas le gfx du site, donc merci du tuyaux et vais vois ke vais pouvoir faire ^^
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.
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 :
Rien que quand le remplace la 1ere ligne qui déclare le tableau par une class CCS revenant à :
Chaque cellule forme des block avec des enorme blanc entre les images ( jai mis aussi : img { display : block; border : 0px; }
Merci à vous d'avance
Message édité par Maxime le 19-03-2003 à 15:03:07