Bordure cellule

Résolu
Bonjour,
j'aimerai modifié les bordure d'une cellule. je sais que l'on peut accéder dans les styles internes pour les modifier, mais j'aimerais modifier les lignes. Celles offertes sont ordinaires, je voudrais modifier la formes.
Commment fait-on?
Merci1
Configuration: Windows XP / Internet Explorer 7.0

8 réponses

  1. Ah oui...
    Bon, la mise en page par tableaux, on évite.

    Tu n'as pas de déclaration de DocType mais tu as deux fois un meta content-type.
    Il ne faut pas mettre des br comme ça à la file, il faut gérer les marges avec margin ou padding.
    Et ton image de fond a un chemin relatif à ton disque dur, ça ne marchera jamais une fois en ligne.

    Donc, si tu fais une mise en page sans tableau, plus de bordures. Est-ce que tu tiens vraiment à en avoir ou est-ce que cela ne simplifierait pas le problème ?
    1. Tout d'abord merci j'ai recommencé sans tableau et j'ai modifié ce que tu m'as signalé, merci beaucoup, c'est très apprécié!
      J'ai tenté avec les marges et tout de positionner ma galerie afin d'éviter de rajouter l'image devant comme je parlais plus tôt. Mais je cache toujours une partie de mon image de fond à moins de réduir la galerie ou de la positionner autrement et visuellement j'aime moins.
    2. encore moi! finalement j'ai réussit à placer ma galerie d'une manière qui me satisfait. Merci encore!
  2. Mouais... là il va falloir plus de détails sur ton code.
    La page est en ligne ?
    1. Non, pas encore pour l'instant c'est ça

      <html>
      <head>
      <meta content="text/html; charset=ISO-8859-1"
      http-equiv="content-type">
      <title>Accueil</title>
      <meta http-equiv="Content-Type"
      content="text/html; charset=iso-8859-1">
      <style type="text/css">
      /* hide from ie on mac \*/
      html {
      height: 100%;
      overflow: hidden;
      }
      
      #flashcontent {
      height: 100%;
      }
      /* end hide */
      
      body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #000000;
      color:#000000;
      font-family:sans-serif;
      font-size:40;
      }
      
      a {
      color:#000000;
      }
      </style>
      </head>
      <body
      style="background-image: url(file:///C:/Documents%20and%20Settings/Isabelle/Bureau/Mon%20Site/Accueil.gif);">
      <table style="text-align: left; height: 583px; width: 1053px;"
      border="0" cellpadding="2" cellspacing="2">
      <tbody>
      <tr>
      <td style="vertical-align: top; height: 190px; width: 261px;"><br>
      </td>
      <td style="vertical-align: top; width: 772px; height: 190px;"><br>
      </td>
      </tr>
      <tr>
      <td style="vertical-align: top; height: 476px; width: 261px;"><br>
      </td>
      <td style="vertical-align: top; width: 772px; height: 476px;">
      <script type="text/javascript" src="swfobject.js"></script>
      <div style="text-align: right; margin-left: 0px; width: 897px;"
      id="flashcontent">TiltViewer
      requires JavaScript and the
      latest Flash player. <a
      href="https://get.adobe.com/flashplayer/">Get </a><br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <a href="https://get.adobe.com/flashplayer/">Flash her</a><a
      href="https://get.adobe.com/flashplayer/">e.</a><a
      href="https://get.adobe.com/flashplayer/"><br>
      </a></div>
      <script type="text/javascript">
      
      var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
      
      // TILTVIEWER CONFIGURATION OPTIONS
      // To use an option, uncomment it by removing the "//" at the start of the line
      // For a description of config options, go to:
      // https://www.simpleviewer.net/tiltviewer/support/options.html
      
      //FLICKR GALLERY OPTIONS
      // To use images from Flickr, uncomment this block
      //fo.addVariable("useFlickr", "true");
      //fo.addVariable("user_id", "48508968@N00");
      //fo.addVariable("tags", "jump,smile");
      //fo.addVariable("tag_mode", "all");
      //fo.addVariable("showTakenByText", "true");
      
      // XML GALLERY OPTIONS
      // To use local images defined in an XML document, use this block
      fo.addVariable("useFlickr", "false");
      fo.addVariable("xmlURL", "gallery.xml");
      fo.addVariable("maxJPGSize","900");
      
      //GENERAL OPTIONS
      fo.addVariable("useReloadButton", "false");
      fo.addVariable("columns", "5");
      fo.addVariable("rows", "5");
      //fo.addVariable("showFlipButton", "true");
      fo.addVariable("showLinkButton", "false");
      //fo.addVariable("linkLabel", "View image info");
      fo.addVariable("frameColor", "0xFFFFFF");
      fo.addVariable("backColor", "0x999999");
      fo.addVariable("bkgndInnerColor", "0x000000");
      fo.addVariable("bkgndOuterColor", "0x000000");
      //fo.addVariable("langGoFull", "Go Fullscreen");
      //fo.addVariable("langExitFull", "Exit Fullscreen");
      //fo.addVariable("langAbout", "About");
      
      // END TILTVIEWER CONFIGURATION OPTIONS
      
      fo.addParam("allowFullScreen","true");
      fo.write("flashcontent");
      </script>
      </td>
      </tr>
      </tbody>
      </table>
      <br>
      <br>
      </body>
      </html>
  3. Je ne vois pas sur ce site à quoi tu fais allusion.

    Et mettre des images au dessus d'une animation flash pour en masquer les bords...
    Pfiouuuu. Je ne dis pas que ce soit impossible, mais cela risque d'être bien prise de tête pour pas grand chose non ? ;)
    1. En fait c'est que j'ai pris tiltviewer et un des côté coupe mon image de fond de page alors j'aurais voulu mettre cette section coupée par dessus mon animation. Je sais que l'on peut modifier les dimensions de l'animation mais présentement avec les dimensions actuelles lorsque je clique sur une photo les autres photos de chaque côté ne son pas coupées par les bords. Ça peut semblé un détail mais si c'est possible j'aimerais tenté ;)
  4. Modèle personnalisé : non. Tu ne peux utiliser que les bordures prédéfinies en CSS 2.1 (dotted, dashed, ridge, etc.)
    Ou tu attends l'implémentation des CSS3 ;)
    http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-image
    1. ah bon d'acord merci d'avoir répondu!
      Je voulais faire celà pour modifier la bordure d'une animation flash. J'avais pensé insérer une ou plusieurs images devant cette animation pour qu'elles cache les bord de celle-ci. un peut comme sur ce site (descendre au bas de la page) mais où l'animation fonctionne bien sûr!. Est-ce que c'est possible ça?
      http://www.carabillo.it/blog/
    2. ah bon d'acord merci d'avoir répondu!
      Je voulais faire celà pour modifier la bordure d'une animation flash. J'avais pensé insérer une ou plusieurs images devant cette animation pour qu'elles cache les bord de celle-ci. un peut comme sur ce site (descendre au bas de la page) mais où l'animation fonctionne bien sûr!. Est-ce que c'est possible ça?
      http://www.carabillo.it/blog/
  5. Désolé si je me suis trompé, j'avoue ne pas avoir bien compris la question {-_-}
    1. Arf ! C'est vrai que ce n'est pas très clair ;)
    2. @notobeD'acord dsl si ce n'était pas clair :S En fait ce que je veux dire c'est que j'ai remarqué que lorsque l'on va dans style interne pour un tableau, nous avons le choix entre pointillée et d'autres models de lignes. cependant, j'aimerais savoir comment faire un modèle personnalisé, crée mon propre model de ligne que je pourrais par la suite intégrer è un tableau.
      J'espère que je m'exprime mieux c'est peut-être bien stupide ce que je demande mais je ne connais pas beaucoup dans ce domaine.
      merci et dsl encore.
  6. tu connais quels propriétés utiliser ?
    Pourquoi ne peux tu pas acceder à l'attribut style ?
    Dans ce cas, utilise javascript, avec document.getElementsByTagName("table")[X]; avec X le numéro de ton tableau !
    ensuite monTableau.style.propriété = "border"; créera un attribut style !