border plus court ?

border plus court ? - HTML/CSS - Programmation

Marsh Posté le 19-04-2006 à 15:17:53    

c'est encore moua....  :whistle:  
Encore une question.. je me doute un peu de la réponse mais.. est-il possible de faire un border plus court que son bloc ?
 
thanx!

Reply

Marsh Posté le 19-04-2006 à 15:17:53   

Reply

Marsh Posté le 21-04-2006 à 22:47:16    

:heink:

Reply

Marsh Posté le 21-04-2006 à 22:50:51    

si je cromprend tu veux maybe pourvoir mettre le border d'un bloc que à 25% ou 50% ....
 
 
va voir du côté des spécification css www.w3c.org ... ça m'évitera de dire des conneries :p

Reply

Marsh Posté le 21-04-2006 à 22:52:04    

oui par exemple ! genre t'as un bloc qui fait 200pixels de long.. et je veux que le border fasse que 150px par exemple,  et justement j'ai regardé avec border.. ya une propriete border-width.. mais ça regle l'epaisseur et pas la longueur

Message cité 2 fois
Message édité par freed102 le 21-04-2006 à 22:52:57
Reply

Marsh Posté le 21-04-2006 à 23:05:50    

freed102 a écrit :

oui par exemple ! genre t'as un bloc qui fait 200pixels de long.. et je veux que le border fasse que 150px par exemple,  et justement j'ai regardé avec border.. ya une propriete border-width.. mais ça regle l'epaisseur et pas la longueur


on ne peut pas regler la longeur d'une bordure

Reply

Marsh Posté le 21-04-2006 à 23:07:28    

freed102 a écrit :

oui par exemple ! genre t'as un bloc qui fait 200pixels de long.. et je veux que le border fasse que 150px par exemple,  et justement j'ai regardé avec border.. ya une propriete border-width.. mais ça regle l'epaisseur et pas la longueur


 
Ouais c'est ce qui avait retenu mon attention la dernière fois, mais j'avais pas lu la description ;)
 
ben on peu toujours regarder en CSS3...lol mais bon ça sert à rien...
 
Sinon sans doute en JS

Reply

Marsh Posté le 21-04-2006 à 23:19:12    

snif !! ça va finir en povre image background :(

Reply

Marsh Posté le 22-04-2006 à 01:41:56    

les tableaux ya que ça de vrai! :p

Reply

Marsh Posté le 22-04-2006 à 01:42:42    

... je ne vois pas le rapport ! :lol:

Reply

Marsh Posté le 22-04-2006 à 02:05:37    

freed102 a écrit :

... je ne vois pas le rapport ! :lol:


 
Ben si comme ça...tu découpes ton bloc en 20 cellules et là alors tu peux faire croire que tu as faire un border d'une longueur plus courte  :D  
 
Aller now je fais le grand saut pour avoir osé dire ça.... [:coco007]

Reply

Marsh Posté le 22-04-2006 à 02:05:37   

Reply

Marsh Posté le 22-04-2006 à 02:06:35    

c pas une mauvaise idée !! je vais faire comme ça ! :p

Reply

Marsh Posté le 22-04-2006 à 02:31:40    

Essaye ça:

Code :
  1. <table border=0 cellspacing=0 cellpadding=0>
  2. <tr><td width="10%">
  3. </td><td style="background:black;" width="80%">
  4. <div style="width:1px;height:0.1em"></div>
  5. </td><td width="10%">
  6. </td></tr>
  7. <tr><td colspan=3>
  8. Hello<br>
  9. world!
  10. </td></tr>
  11. <tr><td>
  12. </td><td style="background:black;">
  13. <div style="width:1px;height:0.1em"></div>
  14. </td><td>
  15. </td></tr>
  16. </table>


Ça se redimensionne automatiquement en fonction du texte dedans, et de la grosseur de la police.

Reply

Marsh Posté le 22-04-2006 à 02:35:40    

oui mais là ça colle pas du tout avec ce que je veux faire, je veux juste mettre un filet en haut et à gauche d'un bloc.. Mais je veux que le filet de gauche fasse que 200px de haut (et pas toute la hauteur du bloc)
et pas de table dans cette page ! lol

Reply

Marsh Posté le 22-04-2006 à 02:36:22    

ben tu peut essayer de le faire qu'avec des divs.

Reply

Marsh Posté le 22-04-2006 à 02:37:59    

je crois qu'un jpg en background fera l'affaire ! j'ai deja du mal à positionner des blocs les uns à coté des autres sans que ça bouge!

Reply

Marsh Posté le 22-04-2006 à 02:49:10    

Code :
  1. <div>
  2. <div style="background:black;height:0.1em;width:200px;">
  3. <div style="background:white;height:0.1em;width:20px;"></div></div>
  4. <div style="float:left;background:black;height:200px;width:0.1em;">
  5. <div style="background:white;height:20px;width:0.1em;"></div></div>
  6. <div style="padding:1em;">
  7. Hello<br>
  8. world!
  9. </div>
  10. </div>

Reply

Marsh Posté le 22-04-2006 à 02:51:18    

c'est le plus succeint que j'ai trouvé, mais ça considère que le background d'origine est blanc (ça se change).

Reply

Marsh Posté le 22-04-2006 à 02:52:25    

ouai mais sémantiquement parlant mettre des div pour faire des filets je sais pas si ça veut vraiment dire quelquechose !

Reply

Marsh Posté le 22-04-2006 à 02:55:26    

il y a <hr> pour ça :whistle:

Reply

Marsh Posté le 22-04-2006 à 02:59:06    

Ouais enfin....tenter de coller un <hr> à un bloc.... c'est du beau montage tout ça  [:harrysauce]

Reply

Marsh Posté le 22-04-2006 à 03:02:28    

:lol: je déconne, quoique je viens d'essayer, il faut redéclarer pratiquement tous les attributs CSS de marges, bordures et tout le tralala :lo:

Reply

Marsh Posté le 22-04-2006 à 03:03:44    

tu m'étonnes j'était aussi tenter de le faire :p

Reply

Marsh Posté le 22-04-2006 à 03:14:47    

:lol: on est trop çon
 
(hum! hum!) vive les tableaux! (hum! hum!) :whistle:

Reply

Marsh Posté le 22-04-2006 à 03:17:41    

nargy a écrit :

:lol: on est trop çon
 
(hum! hum!) vive les tableaux! (hum! hum!) :whistle:


 
 
ça va a cette heure ci on risque pas de rencontrer grand monde  :bounce:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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