I would like to create a gradient and rounded border like the one shown below, which is from the topbar of Instagram. I know how to create a rounded and solid border, but this one is gradient. It seems that…
The following CSS changes a btn background color but not the text color. What am I missing? Any help would be greatly appreciated. /* Change button color and background on hover */ .wp-element-button:hover { background-color: red; color: white; } Here…
I created a small test web page, and the line heights are different, although they use the same CSS style. This becomes most visible when using Chrome to highlight the usage of the .instruction class. It seems as if the…
im trying to retrieve data from a json file using javascript.It works fine when I'm using it on certain parts of the api. An example of it working is here. https://jsfiddle.net/4sv6nLuh/ I think it's to do with the js file…
I want to draw a spiral, a circle where the radius steadily increases with the angle. When searching for similar questions, the circle/spiral is always approximated by drawing a lot of lines with the lineTo method. The more lines are…
Trying to generate a button for each letter of the alphabet and then toggle the color from white to black on click. function LoopTest() { var i = 0; var stop = 5; for (i = 65;i < 91;i++) {…
Inside the .maroon section I have two .whitewrap sections. I was wondering why it doesn't wrap onto another line and displaying them side by side instead. The form should be underneath the text and graphic with some of the maroon…
I'm contributing to a project and i'm creating a footer for a landing page. The red box is the dimension of the container i'm having trouble with. I don't want to center the entire div, because i like the current…
So, I am making a django web application, and I have designed the template to show the navigation bar when user clicks on the hamburger icon, but currently on clicking the icon, nothing is showing. HTML : <nav> <ul class="show">…
Goal Eventually I want to get something like this (forget about the white border around this is due to the clipping): Constraints This elements must sit within the following markup which I cannot change easily: <div style="position:absolute;top:15px;right:15px;bottom:15px;left:15px"> <div style="display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;"> <div…