The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Chart in HTML CSS, Astrological chart
sujatha
post Nov 18 2023, 09:27 AM
Post #1





Group: Members
Posts: 4
Joined: 18-November 23
Member No.: 29,091



I want to make chart using html css design, I have attached design I tried table, tr, td, it didn't work since it is combination of square and triangle. Is there any way to make this design happen? After this code design, i will take care of value passing to all squares and triangles. I need just that diagram code or support. Thanks for your support.



Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
coothead
post Nov 21 2023, 11:05 AM
Post #2


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there sujatha,

check out the attachment below to see a fully responsive example. IPB Image

Attached File  North_Indian_Astrological_Chart.zip ( 1.47k ) Number of downloads: 611




coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Nov 21 2023, 08:08 PM
Post #3


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(coothead @ Nov 21 2023, 10:05 AM) *

Hi there sujatha,

check out the attachment below to see a fully responsive example. IPB Image
Attached File  North_Indian_Astrological_Chart.zip ( 1.47k ) Number of downloads: 611


coothead

Looks good to me but what do I know? Nice job.

This post has been edited by CharlesEF: Nov 21 2023, 08:09 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Nov 22 2023, 01:35 PM
Post #4


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



QUOTE(CharlesEF @ Nov 22 2023, 02:08 AM) *


...but what do I know?



Well, hopefully, you now know how useful SVG can be for this type of task. IPB Image

Also. you might have noticed that our resident coding guru - Jason Knight
had actually suggested it's possible suitability earlier in this thread. IPB Image


coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Nov 23 2023, 02:58 PM
Post #5


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(coothead @ Nov 22 2023, 12:35 PM) *

QUOTE(CharlesEF @ Nov 22 2023, 02:08 AM) *

...but what do I know?

Well, hopefully, you now know how useful SVG can be for this type of task. IPB Image

Also. you might have noticed that our resident coding guru - Jason Knight
had actually suggested it's possible suitability earlier in this thread. IPB Image

coothead

To be honest, in all my years of programming I've never had the need to use an SVG. So, I know nothing about it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Nov 23 2023, 03:32 PM
Post #6


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



QUOTE(CharlesEF @ Nov 23 2023, 08:58 PM) *


To be honest, in all my years of programming I've never had the need to use an SVG.



Luckily for you, it seems that you have never needed to code a...
North Indian Astrological Chart. IPB Image

coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Nov 24 2023, 01:34 AM
Post #7


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(coothead @ Nov 23 2023, 02:32 PM) *
Luckily for you, it seems that you have never needed to code a...
North Indian Astrological Chart. IPB Image
coothead

No, I mainly code business software.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Nov 24 2023, 09:19 AM
Post #8


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



QUOTE(CharlesEF @ Nov 24 2023, 07:34 AM) *


No, I mainly code business software.



So why the interest in general with the "General Web Design" forum
and in particular with the "Chart in HTML CSS" post? IPB Image


coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
sujatha   Chart in HTML CSS   Nov 18 2023, 09:27 AM
Jason Knight   What makes that image a "chart"? What...   Nov 18 2023, 06:12 PM
Christian J   I suppose it's an Indian astrological chart, s...   Nov 18 2023, 08:20 PM
pandy   How did Meyer create that chistmas tree again? But...   Nov 19 2023, 07:53 AM
Christian J   Maybe an image map could be used?   Nov 19 2023, 08:57 AM
CharlesEF   Could CSS help with this? table { transform...   Nov 19 2023, 12:56 PM
pandy   I think it could! And assuming the content sho...   Nov 19 2023, 09:32 PM
sujatha   Thanks for all your feed backs, yes it is North In...   Nov 20 2023, 02:31 AM
pandy   Could you show us how a complete chart with data l...   Nov 20 2023, 05:01 PM
pandy   OK, using CharlesEF's idea, I came up with thi...   Nov 20 2023, 05:49 PM
sujatha   Thank you so much for all your support putting tog...   Nov 21 2023, 07:51 AM
pandy   Thank you so much for all your support putting to...   Nov 23 2023, 02:31 PM
Christian J   I'm still not sure of the structural/semantic ...   Nov 24 2023, 07:48 AM
coothead   [indent] I'm still not sure of the structural...   Nov 24 2023, 08:58 AM
Christian J   What I cannot see, though, is why you keep on bee...   Nov 24 2023, 12:18 PM
coothead   [indent] I'm just curious about different app...   Nov 24 2023, 02:03 PM
coothead   Hi there sujatha, check out the attachment below ...   Nov 21 2023, 11:05 AM
CharlesEF   Hi there sujatha, check out the attachment below...   Nov 21 2023, 08:08 PM
coothead   [indent] ...but what do I know? [indent] Well,...   Nov 22 2023, 01:35 PM
pandy   Looks good, but I thought the purpose was to have ...   Nov 23 2023, 02:27 PM
coothead   [indent] ...but I thought the purpose was to have...   Nov 23 2023, 03:21 PM
coothead   [indent] The text can't be copied [indent...   Nov 23 2023, 03:53 PM
pandy   I couldn't copy. Right, and a DIV is equivale...   Nov 23 2023, 09:14 PM
CharlesEF   ...but what do I know? Well, hopefully, you no...   Nov 23 2023, 02:58 PM
coothead   [indent] To be honest, in all my years of program...   Nov 23 2023, 03:32 PM
CharlesEF   Luckily for you, it seems that you have never need...   Nov 24 2023, 01:34 AM
coothead   [indent] No, I mainly code business software. [...   Nov 24 2023, 09:19 AM
CharlesEF   So why the interest in general with the "Gene...   Nov 24 2023, 02:16 PM
coothead   [indent] Like Christian J, I like to see how thin...   Nov 24 2023, 02:41 PM
sujatha   Thank you so much!   Nov 24 2023, 06:56 AM
coothead   [indent] Thank you so much! [indent] To wh...   Nov 24 2023, 09:05 AM
Christian J   I still don't understand how the Indian astrol...   Nov 25 2023, 05:38 AM
coothead   [indent] I still don't understand how the Ind...   Nov 25 2023, 11:35 AM
Christian J   [indent] I still don't understand how the In...   Nov 25 2023, 05:27 PM
coothead   [indent] That page generates an image of the char...   Nov 25 2023, 06:11 PM
Christian J   I am surprised that you actually want/need to do ...   Nov 26 2023, 07:25 AM


Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 31st May 2024 - 11:15 PM