how can position element like this? [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
in the link below in the bottom of page we see some box that aligned with the javascript or jquery,and they are not in the same row. this can't be done with css.
and when the page width change they realigned with smomth animation.
any body know how to do that? is there any video to teach this technic?
http://esam.ir/itemView.aspx/562755/%D9%81%D8%B1%D9%88%D8%B4-%DA%AF%DB%8C%D8%AA%D8%A7%D8%B1-%DA%A9%D9%84%D8%A7%D8%B3%DB%8C%DA%A9-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C.htm
thanks

There is an easy library called Masonry, have a look at that, they have some decent documentation and it works exactly like you want it. But going into the details of how its done is beyond the scope of a stack overflow post.
http://masonry.desandro.com

Related

Make maze smaller with SCSS, Javascript, and HTML [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 want to develop a maze, but the maze is bigger than the screen and i can't scroll down to see it.
I tried to change the height of the body, but that didn't work.
Can anyone see what that makes the maze so big?
here is all of my code on github.
here is how it looks.
Any help is appreciated!
You need to change your layout posting on your HTML body elements. You're using the "fixed" position, and you should be using the "relative" position.
This should explain the difference and get you back on the right path.
Additionally, you can check this for posting.

how can my content can animate using tympanus example on my webpage [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 5 years ago.
Improve this question
I wanted to have animation on my content i searched whole day and got something to work on it.I used same technique as they used everything is seems same still when i scroll my website there is no animation on content after slider.
Demo example
My website
Looks like you're missing the imagesloaded.js file used in the example. You need to reference this script in your code.

How to make this kind of hover transition in Javascript? [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 6 years ago.
Improve this question
The page I just bumped into, has really amazing hover transition over Links, in this case its images
Page: http://other.wpengine.com/
I was wondering whether anyone has any idea how it is done. Is there any principle or specific way involved? Does someone know where I could look into it?
here is a tutorial of how to do it
https://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

Popup (not an error popup) [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to make a popup with any coding language, I don't mean an error popup with JavaScript but just a div that comes in front and makes the other things grayer.
I hope you understand what I mean, who can help me?
EDIT: I mean something like http://habnote.nl/?utm_source=loggedout (don't matter the website)
Unfortenetly it is possible only on Javascript.
You can either use the simple command alert(Hello world!). Or get it a bit nicer with alert jQuery plugins.
Good luck.

How can i make pictures resizable? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I am learning to design a website for my CS department as in my project.
i want to provide with a slideshow of department resources or say snapshots.
I wish to know how to make the slideshow, and how to position images in such a way that it fits all browsers widths perfectly.
Please Help !
To get images to fit all widths, use width: 100%; in your css. As the comments suggest, by asking SO you will be copying from the internet, so if you really don't want to do that, don't read my answer =P

Categories