Options for creating styled nested grids/boxes [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I am looking for ideas for ways that I can best create nested boxes as shown in the image below. Ideally I would like to do this in HTML with CSS but I can also leverage a framework like bootstrap or similar for styling.
https://imgur.com/a/bFiyzkV
I would like to also be able to link to other pages as a user clicks on the label within each box for additional details on a separate page.
I have basic HTML/CSS experience.
Thanks,
Bob

This can be achieved using the CSS Grid spec - see nested example:
https://gridbyexample.com/examples/example21/
Or using flexbox (which is how Bootstrap do it) see:
https://getbootstrap.com/docs/4.3/layout/grid/#nesting

Related

Custom made HTML tags [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
Just came across a project that had custom-made tags.
Something like:
<buildings>
<building-1></building-1>
<building-2></building-2>
</buildings>
(This code doesn't do anything; it's an example)
(It's not mine) (https://codepen.io/perbyhring/pen/jpQwav) What is the use of this?
Those custom HTML elements have been introduced some time ago and should make HTML code more readable.
"Those elements provide a way to build own DOM elements but also have some drawbacks as simply defining and using an element called blue-button does not mean that the elements represent a button. Tools such as Web browsers, search engines, or accessibility technology will not automatically treat the resulting element as a button just based on its defined name."
Read more about them in the html standard.

How to change the images using HTML and CSS? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I don't know whether this question make sense . But i have this doubt .. please clear my doubt
For assumption , i have 5 images ,Is this possible to change 5 images one by one [like slider] using HTML and CSS styles without using jquery and javascript
Yes it is possible. A quick google search took me to this working example with code:
CSS Slider

User formatting for textarea [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
A perfect example is stackoverflow. When a user types a question, the textarea give the user basic formatting options such as bullet points, numbering, italicize, etc. How can I create a similar textarea? I am currently using html, css and php.
You can use javascript (or more effectively jQuery) to create your own textarea with this behaviour, or look at an existing package such as TinyMCE and configure it to meet your requirements (the approach I would suggest): http://www.tinymce.com/
Easiest way would be to use an editor like TinyMCE: http://www.tinymce.com/
There are others as well, but TinyMCE is what I see used most.

How to make a flowchart/diagram using only HTML and CSS [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I need to make a really complicated diagram for a website, in which the hierarchy will be a bit messy: arrows will go up and down, sometimes an element will point to several others, and sometimes there will be several elements pointing to the same one. I have found this method, but it doesn't allow more than one parent for an element and therefore won't do the trick in this case.
It has to be done in HTML/CSS, because my intention is to add some Javascript to change the content of the blocks dinamically.
This is an example of the level of complexity I need to achieve:
You might want to take a look at this
http://thecodeplayer.com/walkthrough/css3-family-tree
Another to look for is SpaceTree example by "Nicolas Garcia Belmonte" but not a pure CSS solution. It is compatible with IE and most of browsers. Definitely worth a try.

Customizing ebay store HTML and CSS code (How to?) [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I have an ebay store and it has some themes but I would like to be able to change the CSS and HTML code myself.
Does anyone know how this is done?
Thanks
I've done it several times earlier. Main thing is to add link to stylesheet (which is on your server). If i remember correct, you can add it where HTML for header is added, and then style elements generated by eBay. (Don't use id)