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: 624




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: 624


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
pandy
post Nov 23 2023, 02:27 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,735
Joined: 9-August 06
Member No.: 6
Looks good, but I thought the purpose was to have some kind of structure. The text can't be copied and the chart can't be printed either. That could be problematic, I think,
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Nov 23 2023, 03:53 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(pandy @ Nov 23 2023, 08:27 PM) *


The text can't be copied



The text from each "House" may be copied

QUOTE(pandy @ Nov 23 2023, 08:27 PM) *


and the chart can't be printed either.



So, what is wrong with taking an image?

Attached Image


coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 23 2023, 09:14 PM
Post #7


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,735
Joined: 9-August 06
Member No.: 6
I couldn't copy.

Right, and a DIV is equivalent to a para or a heading. No need to bother with all those other pesky elements anymore.
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

« Next Oldest · General Web Design · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 4th June 2024 - 03:42 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC