créer un organigramme en html

[Chlirr]

Bonjour,

je ne sais trop où poster cette demande si quelqu'un sait comment ou a déjà créer ce genre de chose

j'aimerai créer un petit organigramme sous html et css pour pouvoir le mettre dans un post sur mon forum

Organigramme tout simple, avec trois pôles et avec les flèches

Merci à ceux qui me proposeront quelque chose

[Chlirr]

up

[MD2]

Hello, pourquoi pas faire une image de ton organigramme et ensuite la mettre dans ton code html ?

Voici le code :

Code:

<img src="lien_direct_de_l'image" />

Cordialement

[Chlirr]

ya cette option aussi

sauf que l'image va etre coupé par "taille" du post

[Eluknow]

Que ce soit une image ou un code ton organigramme sera redimensionné s'il dépasse la largeur de tes posts..

Mais dans tous les cas, le mieux pour faire ça serait de faire une image et de la mapper si tu veux des éléments interactifs

[Scoubifitz]

bonjour,

un simple tableau devrait suffire ...

┌	pseudo1	┐
↓	↓	↓
pseudo2	pseudo3	pseudo4
↓		↓
pseudo5		pseudo6

le BBcode :

Code:

[table border="0" style="border-spacing: 10px 0px;"][tr][td][center]┌[/center][/td]
[td style="border:1px solid #555555"]pseudo1[/td]
[td][center]┐[/center][/td]
[/tr]
[tr][td][center]↓[/center][/td]
[td][center]↓[/center][/td]
[td][center]↓[/center][/td]
[/tr]
[tr][td style="border:1px solid #555555"]pseudo2[/td]
[td style="border:1px solid #555555"]pseudo3[/td]
[td style="border:1px solid #555555"]pseudo4[/td]
[/tr]
[tr][td][center]↓[/center][/td]
[td][/td]
[td][center]↓[/center][/td]
[/tr]
[tr][td style="border:1px solid #555555"]pseudo5[/td]
[td][/td]
[td style="border:1px solid #555555"]pseudo6[/td]
[/tr]
[/table]

[MD2]

bonjour,

un simple tableau devrait suffire ...

┌	pseudo1	┐
↓	↓	↓
pseudo2	pseudo3	pseudo4
↓		↓
pseudo5		pseudo6

le BBcode :

Code:

[table border="0" style="border-spacing: 10px 0px;"][tr][td][center]┌[/center][/td]
[td style="border:1px solid #555555"]pseudo1[/td]
[td][center]┐[/center][/td]
[/tr]
[tr][td][center]↓[/center][/td]
[td][center]↓[/center][/td]
[td][center]↓[/center][/td]
[/tr]
[tr][td style="border:1px solid #555555"]pseudo2[/td]
[td style="border:1px solid #555555"]pseudo3[/td]
[td style="border:1px solid #555555"]pseudo4[/td]
[/tr]
[tr][td][center]↓[/center][/td]
[td][/td]
[td][center]↓[/center][/td]
[/tr]
[tr][td style="border:1px solid #555555"]pseudo5[/td]
[td][/td]
[td style="border:1px solid #555555"]pseudo6[/td]
[/tr]
[/table]

Hello, le propriétaire du sujet demande en html, mais tu proposes tu bbcode, ce n'est pas là même chose

[Scoubifitz]

j'aimerai créer un petit organigramme sous html et css pour pouvoir le mettre dans un post sur mon forum

Organigramme tout simple, avec trois pôles et avec les flèches

Bonjour monkeydieluffy2 ,

Comme la demande se placera dans un message , et que ça doit rester simple , j'ai proposé du BBcode ...

Rien ne l’empêchera de remplacer le BBcode par du HTML , mais tout devra être sur une seule ligne , ce qui ne sera pas pratique pour faire des modifications :

Code:

<table border="0" style="border-spacing: 10px 0px;margin:auto;text-align:center"><tr><td>┌</td> <td style="border:1px solid #555555">pseudo1</td> <td>┐</td> </tr> <tr><td>↓</td> <td>↓</td> <td>↓</td> </tr> <tr><td style="border:1px solid #555555">pseudo2</td> <td style="border:1px solid #555555">pseudo3</td> <td style="border:1px solid #555555">pseudo4</td> </tr> <tr><td>↓</td> <td></td> <td>↓</td> </tr> <tr><td style="border:1px solid #555555">pseudo5</td> <td></td> <td style="border:1px solid #555555">pseudo6</td> </tr> </table>

[Chlirr]

Ah d'accord

merci pour le code je le garde sous la main et voir ce que je peux faire avec

merci bcp