CSS transition div width from center

I am working on a little menu animation, nothing groundbreaking but just as an experiment. This is what I currently have: HTML <div class="menu"> <div class="bar"></div> <div class="bar"></div> <div class="bar...
more »

2017-04-19 22:04 (2) Answers

only change classes inside a hovered element

So I'm creating a page about user-submitted recipes. Some users have submitted a short quote about the recipe, others have not. I wanted to have the quote, if it exists, to display when the user hovers over the image of the recipe. Right now, I'm u...
more »

2017-04-19 19:04 (4) Answers

Highlighting links based on scroll position

I'm trying to get the my links to highlight if the user is scrolling over the page that is for that link. But for some reason it isn't working properly. I Have commented out my first try in jquery and tried again but link two is highlighting when lin...
more »

2017-04-19 17:04 (4) Answers

Scroll issue on .animate() and .prop()?

I have two divs with same class. If I scroll one div the other divs scroll comes to 0. I am able to achieve this with .prop() property easily. But when I use .animate() the occurrence just happens once and then it stops working(Commented the code ...
more »

2017-04-19 06:04 (1) Answers

Displaying box divs inline with text under them

I have 3 images i want to display them inline style with text under them but without using bootstrap grid-system because i want them to be close to each other and centered, i tried doing it but once i add the text they get displayed under each other,...
more »

2017-04-18 20:04 (3) Answers

Stop tabbed element closing on second click

I have snippet of code that opens tabs, however I would like 1 tab to always remain open. How can I disable the second click on the tab button already open stopping the tab from closing? So referring to the fiddle, if you click 'Button 1' once, it ...
more »

2017-04-18 12:04 (3) Answers

How to stop css from overlaying text

Maybe this is a really dumb question but how do I stop css from overlaying when I'm trying to bigger the font size? @import url(https://fonts.googleapis.com/css?family=Fjalla+One); html{ height: 100%; } body{ font-family: 'Fjalla O...
more »

2017-04-17 22:04 (3) Answers

Float left and right is larger than wrapper div?

I'm trying to create a colored column section in my email template. The problem that I'm having is the content wrapper that contains all the email content is set as per the code below. Likewise, the floating columns CSS are included. #content { ba...
more »

2017-04-17 21:04 (1) Answers

Increase div opacity on scroll down

I have researched lost of sources, but there are no solution for my problem. I created a div and its visibility is hidden in CSS sources. I want to get to start it from 0.1 of opacity when scroll on 200 and when scroll located on 300 opacity becomes ...
more »

2017-04-17 18:04 (2) Answers

Onclick changing content on <div>

Is there a way I can make the on the right appear one at a time? And show by sliding? Here's the code I'm using to call the <button onClick="div1()">Try it</button> <button onClick="div2()">Try it</button> <button onClic...
more »

2017-04-17 08:04 (2) Answers

Set css attribute in onclick event

I have a problem with set fontStyle attribute to single element(by id) in popover. I get onClick event, put style (bold font style) to all class elements and then try to put another style(normal) to one(clicked) element. My code is: $(document).on('...
more »

2017-04-16 20:04 (1) Answers

HTML : load thumbnail image and full image faster

I have a blog website that loads the images slowly i want to know how to make them load faster and: I am using same image for thumbnail and story. thumbnail is small,does it still load full image?if so how to use thumbnail of an image? Where should...
more »

2017-04-16 15:04 (2) Answers

Using webpack with an existing PHP and JS project

I have an existing PHP project with jquery and bootstrap, not using any front-end framework. I am trying to use webpack module bundler in order to create a single entry point for my project resources, manage js dependencies with node js package mana...
more »

2017-04-16 13:04 (1) Answers

JavaFX Conditional CSS Styling for Button

Hi everyone, I'm currently making a slide puzzle game using JavaFX: To play the game, you click buttons next to the empty box to switch the two, and the point of the game is to get all the buttons in numerical order from 1 to 15 in the least amou...
more »

2017-04-16 03:04 (1) Answers

Detecting orientation of images with Javascript

I'm trying to find a way to detect the orientation of images (landscape or portrait). The HTML simply contains a few img tags with source already filled in. The script should then detect the orientation and add the images to dynamically created div...
more »

2017-04-15 21:04 (3) Answers

Different margins with divs

I have 3 divs placed next to each other, they have same heights and widths. but for some reason the one is placed higher than the other. they're still next to each other, but the margin from the top is different for every single 1 of them. html: &l...
more »

2017-04-15 19:04 (1) Answers