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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] largeur de colonne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] largeur de colonne

n°929279
Profil sup​primé
Posté le 21-12-2004 à 15:49:30  answer
 

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
mood
Publicité
Posté le 21-12-2004 à 15:49:30  profilanswer
 

n°929290
FlorentG
Unité de Masse
Posté le 21-12-2004 à 16:00:08  profilanswer
 

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

n°929291
Profil sup​primé
Posté le 21-12-2004 à 16:00:23  answer
 

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
n°929293
FlorentG
Unité de Masse
Posté le 21-12-2004 à 16:01:19  profilanswer
 

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

n°929296
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 16:03:17  profilanswer
 

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
n°929311
Profil sup​primé
Posté le 21-12-2004 à 16:19:15  answer
 

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

n°929312
Profil sup​primé
Posté le 21-12-2004 à 16:19:45  answer
 

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]

n°929315
FlorentG
Unité de Masse
Posté le 21-12-2004 à 16:20:51  profilanswer
 

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

n°929316
FlorentG
Unité de Masse
Posté le 21-12-2004 à 16:21:05  profilanswer
 

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

n°929324
Profil sup​primé
Posté le 21-12-2004 à 16:28:15  answer
 

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
mood
Publicité
Posté le 21-12-2004 à 16:28:15  profilanswer
 

n°929328
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 16:33:57  profilanswer
 

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
n°929332
Profil sup​primé
Posté le 21-12-2004 à 16:40:50  answer
 

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?

n°929334
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 16:42:11  profilanswer
 

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
n°929337
Profil sup​primé
Posté le 21-12-2004 à 16:46:25  answer
 

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
n°929347
FlorentG
Unité de Masse
Posté le 21-12-2004 à 16:51:47  profilanswer
 

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.

n°929350
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 16:55:59  profilanswer
 

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
n°929351
Profil sup​primé
Posté le 21-12-2004 à 16:58:07  answer
 

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
n°929363
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 17:12:04  profilanswer
 

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
n°929364
Profil sup​primé
Posté le 21-12-2004 à 17:15:22  answer
 

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

n°929365
Profil sup​primé
Posté le 21-12-2004 à 17:15:34  answer
 

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

n°929367
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 17:17:54  profilanswer
 

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
n°929372
Profil sup​primé
Posté le 21-12-2004 à 17:21:41  answer
 

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


Message édité par Profil supprimé le 21-12-2004 à 17:22:05
n°929373
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 17:23:35  profilanswer
 

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
n°929382
Profil sup​primé
Posté le 21-12-2004 à 17:38:52  answer
 

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

n°929385
plainsofpa​in
Pingouino's lover
Posté le 21-12-2004 à 17:40:51  profilanswer
 

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
n°929412
Profil sup​primé
Posté le 21-12-2004 à 18:03:29  answer
 

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
n°931193
Profil sup​primé
Posté le 23-12-2004 à 19:56:08  answer
 

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/

n°931344
plainsofpa​in
Pingouino's lover
Posté le 24-12-2004 à 09:21:06  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


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

  [HTML] largeur de colonne

 

Sujets relatifs
Soft pour passer texte accentué ->html valide ?html coment écrire sur une image
insérer du php dans une page html resoluexcel cellule colonne vbs boucle
Ptite question toute bete !! (HTML, boutons, formulaire..)envoyer un mail en html
[HTML] Question taille tableauConversion HTML en TXT
[HTML] Fixer la largeur d'une colonne dans un tableau ? 
Plus de sujets relatifs à : [HTML] largeur de colonne


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