[HTML] largeur de colonne

largeur de colonne [HTML] - HTML/CSS - Programmation

Marsh Posté le 21-12-2004 à 15:49:30    

c'est tout bête
j'ai un cadre que je calle dans un tableau
dans dreamweaver, ca rend bien, avec la colonne qui fait effectivement 3 pixels, mais dans nimporte que navigateur elle en fait 4  :heink:  
comme si le cellspace était à 1 alors que ce n'est pas le cas :o
 
 
le tableau est
width="762" border="0" align="center" cellpadding="0" cellspacing="0"
 
et la colonne a pour propriétés  
width= "3" background="img_interface/vert.gif"
 
sachant que vert.gif est une image de 3*1
 
 
edit:
une cap pour être plus clair :)
à gauche, dreamweaver
à droite un naviguateur (firefox et opera donnent le meme résultat)
 
http://img143.exs.cx/img143/4959/bourdel0wb.gif


Message édité par Profil supprimé le 21-12-2004 à 15:55:23
Reply

Marsh Posté le 21-12-2004 à 15:49:30   

Reply

Marsh Posté le 21-12-2004 à 16:00:08    

Quand tu dis cadre, c'est quoi comme cadre ? Une image ?

Reply

Marsh Posté le 21-12-2004 à 16:00:23    

oui :)
une pour chaque coin, plus une pour l'horizontale et une pour la verticale :)


Message édité par Profil supprimé le 21-12-2004 à 16:01:01
Reply

Marsh Posté le 21-12-2004 à 16:01:19    

C'est du code pas très valide tout ça, hum :o

Reply

Marsh Posté le 21-12-2004 à 16:03:17    

Et si c'est pour faire une bête bordure double y'a toute ce qu'il faut avec les CSS : http://www.yoyodesign.org/doc/w3c/ [...] properties :o


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

Marsh Posté le 21-12-2004 à 16:19:15    

ben j'évite à mort le css :/
ya pas 2 naviguateur qui l'interpretent correctement dès qu'il s'agit de faire autre chose que de la couleur et des marges :o

Reply

Marsh Posté le 21-12-2004 à 16:19:45    

FlorentG a écrit :

C'est du code pas très valide tout ça, hum :o


je ne vois pas en quoi du colspan, du img et du td spa très valide  [:opus dei]

Reply

Marsh Posté le 21-12-2004 à 16:20:51    

Ben t'utilise un tableau pour la présentation, c'est strictement interdit ;)

Reply

Marsh Posté le 21-12-2004 à 16:21:05    

SirJeannot a écrit :

ben j'évite à mort le css :/
ya pas 2 naviguateur qui l'interpretent correctement dès qu'il s'agit de faire autre chose que de la couleur et des marges :o


 
Que de mauvaise fois  :o

Reply

Marsh Posté le 21-12-2004 à 16:28:15    

FlorentG a écrit :

Ben t'utilise un tableau pour la présentation, c'est strictement interdit ;)


ya une loi qui va me mettre en prison? [:dawa]
on fait comment alors? beaucoup de sites font ça  [:noxauror]  
 
plus sérieusement, les traces de grisé avec le border style "double" ... bon wala kwa
 
enfin merci pour l'info :)
 
 
edit: ce n'est meme pas de la mauvaise fois pour chacun fait ce qu'il veut. rien que pour les border style, firefox me le fait en noir alors que opéra me le fait en gris  :heink:


Message édité par Profil supprimé le 21-12-2004 à 16:31:03
Reply

Marsh Posté le 21-12-2004 à 16:28:15   

Reply

Marsh Posté le 21-12-2004 à 16:33:57    

En CSS entièrement, et en respectant les normes, sans bidouilles particulières, il est possible, et même pas très dur quand on a appris, de faire un site s'affichant correctement sous bcp de navigateurs, dont ie, firefox, opera, netscape ...
 
Pour une border, en faisant  
 

Code :
  1. table
  2. {
  3. border: 2px;
  4. }


 
tu auras ce que tu veux ...
 
Puis faire une mise en page tableaux pasque "les CSS ca marche nulle part pareil", c'est un préjugé, avec les tableaux sous certains navigateurs tu auras de belles surprises ...
 
Edit: c'est sur que si tu ne définis pas de couleur pour ta bordure, chaque navigateur prendra la couleur par défaut qui lui est propre, donc ca s'affichera de plein de manières différentes. Tu rajoutes "black" avant le point virgule (avec un espace entre 2px et black), et hop tu auras du noir sur tous les navigateurs


Message édité par plainsofpain le 21-12-2004 à 16:36:38

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 16:40:50    

ok donc je m'y mets :)
 
derniere question
comment virer la bordure qui délimite le padding ou ce qu'il y a entre l'espacement et le contenu?

Reply

Marsh Posté le 21-12-2004 à 16:42:11    

Code :
  1. table
  2. {
  3. padding:0px;
  4. }


 
Ca devrait aller ca je pense^^


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 16:46:25    

baka me *_*
 
merci :)
la mauvaise langue change d'avis et va simplifier tout le code :D
 
edit: mmm la bande grisée est toujours là  [:mad_overclocker], ya qc d'autre qui doit interférer  [:noxauror]


Message édité par Profil supprimé le 21-12-2004 à 16:51:20
Reply

Marsh Posté le 21-12-2004 à 16:51:47    

SirJeannot a écrit :

ya une loi qui va me mettre en prison? [:dawa]
on fait comment alors? beaucoup de sites font ça  [:noxauror]  
 
plus sérieusement, les traces de grisé avec le border style "double" ... bon wala kwa
 
enfin merci pour l'info :)
 
 
edit: ce n'est meme pas de la mauvaise fois pour chacun fait ce qu'il veut. rien que pour les border style, firefox me le fait en noir alors que opéra me le fait en gris  :heink:


 
Beaucoup de sites font ça parce qu'ils ne se sont pas mis à jour, ils n'ont pas fait leur boulot de programmeur de se tenir au courant.
 
Et pis quand tu tapotte un langage, tu fais comme le dit la spécification du langages, tu t'amuses pas à faire des immondes bricolages "juste parce que ça marche". Sinon c'est la porte ouverte à tout.

Reply

Marsh Posté le 21-12-2004 à 16:55:59    

Si en CSS tu definis pour ta table un padding de 0 pixels, et une bordure noire, la CSS devrait donner :

Code :
  1. table
  2. {
  3. border: 1px solid black;
  4. padding:0px;
  5. }


 
Ce code la avec un ficher html du type  

Code :
  1. <html>
  2. <head>
  3. <link taCSS(...)>
  4. </head>
  5. <body>
  6. <table>
  7. <tr><td>
  8. Contenu
  9. </td>/tr>
  10. </table>


 
affiche une table avec une bordure noire, et il n'y a pas d'espace entre la bordure et le contenu.  
 
Maintenant, dreamwaver a surement mis des padding positifs et/ou des bordures grises dans les cellules de ton tableau (<td> )
 
Vérifie on ne sait jamais, et sinon héberge la page quelque part, qu'on puisse voir le problème en face ^^


Message édité par plainsofpain le 21-12-2004 à 16:57:39

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 16:58:07    

http://www.facrew.net/facrew_v3/index.php le machin en haut à gauche, et je viens de commencer hein :D )
mais sinon j'ai un peu trainé sur le w3c school et eux mettent ces propriétés pour un "td" d'un tableau
 
 
edit: :love: 17 lignes condensées en 1 ligne :love:


Message édité par Profil supprimé le 21-12-2004 à 17:05:23
Reply

Marsh Posté le 21-12-2004 à 17:12:04    

Code :
  1. <table width="300" border="0" cellspacing="0" cellpadding="0">
  2.   <tr>
  3.     <td class="navbox">le 2e test pour voir</td>
  4.   </tr>
  5. </table>


 
Ta class navbox contient juste ce qu'il faut ...
 
Et après on dit que c'est pas pratique les CSS...
 
Mais tu pex aller plus loin encore avec les CSS, en enlevant tous tes tableaux, en mettant le contenu de chaque tableau dans un bloc, et en mettant toutes les propriétés que tu as mises dans la définition d'un bloc ...


Message édité par plainsofpain le 21-12-2004 à 17:17:08

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 17:15:22    

je l'ai fait avec l'image bien large ;)

Reply

Marsh Posté le 21-12-2004 à 17:15:34    

<div align="center"><img class="navbox" src="img_interface/banner_1.gif" width="756" height="57"></div>
 
:)

Reply

Marsh Posté le 21-12-2004 à 17:17:54    

Okay pour ta bannière. Suite :
 

Code :
  1. <html>
  2. <head>
  3. <title></title>
  4. <style>
  5. .navbox
  6. {
  7. background:white;
  8. padding:0px;
  9. border-weight: 1px;
  10. border-color: black;
  11. border-style: double;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div class="navbox">
  17. le 2e test pour voir
  18. <div>
  19. </body>
  20. </html>


 
Copie ce code, et regarde le résultat ...


Message édité par plainsofpain le 21-12-2004 à 17:18:33

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 17:21:41    

je suis converti :D
 
merci pour ton aide :jap:


Message édité par Profil supprimé le 21-12-2004 à 17:22:05
Reply

Marsh Posté le 21-12-2004 à 17:23:35    

de rien, moi aussi je débute, je suis juste un peu plus avancé que toi c tout ... dans deux heures ou deux jours suivant ton rythme tu me rattrapes :D
 
Par contre si tu passes au tout CSS, fais un petit tour sur www.alsacreations.com et www.openweb.eu.org, pour comprendre comment fonctionne le positionnement des blocs en CSS, au cas ou tu te sens le courage de passer à une mise en page tout CSS ^^


Message édité par plainsofpain le 21-12-2004 à 17:24:06

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 17:38:52    

de toute facon faudra y passer, mais déjà ca me simplifie pas mal la tache :)

Reply

Marsh Posté le 21-12-2004 à 17:40:51    

ben le plus dur c'est de l'apprendre, après ca simplifie beaucoup le code ...
 
Au lieu de plein de tableaux imbriqués les uns dans les autres  avec chacun des tailles définies, tu mets chaque partie dans un div, que tu positionnes ... Si tu comprends le positionnement CSS, ca te semblera meme plus simple !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-12-2004 à 18:03:29    

déjà je n'en ai plus qu'un
reste plus qu'à l'enlever, ce qui est expliqué sur tes sites
donc cay à moi de faire le reste :D


Message édité par Profil supprimé le 21-12-2004 à 18:03:39
Reply

Marsh Posté le 23-12-2004 à 19:56:08    

vraiment merci, ça simplifie vraiment tout, et en plus ca rend mieux, c'est plus modulable, le top quoi :jap:
 
merci encore :)
 
déjà il n'y a plus de tableau dans le "template" :)
> http://www.facrew.net/facrew_v3/

Reply

Marsh Posté le 24-12-2004 à 09:21:06    

ah ben ouais ca donne bien la ^^
 
Comme je le dis dans ma signature : "et après on dit que les mises en page full CSS c'est pas bien"
 
Vérifie juste que ca passe sur ie et firefox, mais ca doit etre bon je pense ^^
 
Edit : ah ben sous ie ca merde ^^


Message édité par plainsofpain le 24-12-2004 à 09:24:09

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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