Hello i want to create a horizontal menu divided equally in 4 same width parts. I don't want its width to change. Any ideas?
Something like this https://jsfiddle.net/simonioa/t6vqqva2/ but not with <span> elements. Menu should have 4 colors horizontally but would not have to change acoording to html content. I dont know how else to explain it
Jump to PostI have no idea why you want this, but do you mean something like this (done with a CSS3 gradient)?
https://codepen.io/gentlemedia/pen/JNwYzr
Jump to Postbut that is truly horrible :D
@Diafol - What?!? Don't you like the pick of my colour scheme??? Man, that's the latest trend what's called brutalist web design! :-)
How about https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active but adding
background-color: #333; width: 600px;
You can control each menu item width too.
No, not something like that. I dont think that its possible to do what i want. I dont the top bar to be according to html content (<li> <span> or what ever). I just want a the top bar to be 4 colored set by width:25% each.
I have no idea why you want this, but do you mean something like this (done with a CSS3 gradient)?
https://codepen.io/gentlemedia/pen/JNwYzr
but that is truly horrible :D
@Diafol - What?!? Don't you like the pick of my colour scheme??? Man, that's the latest trend what's called brutalist web design! :-)
Yeah thats what i meant thanks GM
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.
