help on project

[tejinder]

Hi know this is not the right place to ask this but i need help on this html css project 

i want to obtain results like this on my website http://tastybistro.com/menus/  

with inpage navigation bar adn different sections ,

any time tutorial link or hint will help me , i tried searching but couldn't find anything  in html or css solution .

i want a solution in html and css only.

[TurbulentWinds]

35 minutes ago, tejinder said:

Hi know this is not the right place to ask this but i need help on this html css project 

i want to obtain results like this on my website http://tastybistro.com/menus/  

with inpage navigation bar adn different sections ,

any time tutorial link or hint will help me , i tried searching but couldn't find anything  in html or css solution .

i want a solution in html and css only.

Just inspect element on that site and figure it out. That's the way I've always learned more in terms of programming.

[programmer]

3 hours ago, tejinder said:

Hi know this is not the right place to ask this but i need help on this html css project 

i want to obtain results like this on my website http://tastybistro.com/menus/  

with inpage navigation bar adn different sections ,

any time tutorial link or hint will help me , i tried searching but couldn't find anything  in html or css solution .

i want a solution in html and css only.

Show what you've tried so far. Its hard to help without knowing exactly what you are trying to do and how much you do and don't understand about html and css.

[jincio]

I would suggest you to take a look at Bootstrap, a toolkit that help you build "nice looking" website with just adding some classes on the html.

The main website has plenty of documentation and example

 

https://getbootstrap.com/

[prgm0]

Why do you not want to use JavaScript for that?

After searching some time I found something, you could use the "checkbox-hack": https://jsfiddle.net/t2t3gor1/5/

I got the idea from here https://stackoverflow.com/questions/13630229/can-i-have-an-onclick-effect-in-css/32721572#32721572

[Mira Yurizaki]

The "hack" is also known as "pure CSS tabs"

 

(this isn't my codepen, but it'll get you want you want. Adjust to taste)

[Meic]

7 minutes ago, M.Yurizaki said:

[snip]

The "hack" is also known as "pure CSS tabs"

 

(this isn't my codepen, but it'll get you want you want. Adjust to taste)

This is impressive. I was about to claim it couldn't be done without JS, glad I read this first...

 

For the OP - I would still go down the JS route. Especially is you use something like bootstrap as jincio suggested, it means you don't have to write any of the JS yourself. Normally it's just a case of adding one or maybe two script tags to your DOM.

[Mira Yurizaki]

31 minutes ago, Meic said:

This is impressive. I was about to claim it couldn't be done without JS, glad I read this first...

 

For the OP - I would still go down the JS route. Especially is you use something like bootstrap as jincio suggested, it means you don't have to write any of the JS yourself. Normally it's just a case of adding one or maybe two script tags to your DOM.

There's a lot of nice things you can do with pure CSS that at first glance at the problem you'd think it must have JS.

 

I make it a challenge when I want to goof around with single pages that present something to do it purely in CSS/HTML.

[vorticalbox]

On 05/04/2018 at 8:22 PM, Meic said:

This is impressive. I was about to claim it couldn't be done without JS, glad I read this first...

 

For the OP - I would still go down the JS route. Especially is you use something like bootstrap as jincio suggested, it means you don't have to write any of the JS yourself. Normally it's just a case of adding one or maybe two script tags to your DOM.

 

On 05/04/2018 at 8:55 PM, M.Yurizaki said:

There's a lot of nice things you can do with pure CSS that at first glance at the problem you'd think it must have JS.

 

I make it a challenge when I want to goof around with single pages that present something to do it purely in CSS/HTML.

The more CSS based stuff you do the lighter your website becomes. Web pages nowadays are libraries on top of libraries.