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 9 years ago.
Improve this question
I want to have a background "frame", but it is only meant for styling. I want to accomplish this without using bg-image just to avoid having an image, but my concern is that having an additional parent element to the "picture" seems to be unnecessary. What is the best way to go about this? The frame basically just has additional padding and border.
--
I want the inner div to have drop shadow and a border, and the other div to have another border with a variable padding in between. is that possible with styling on a single div?
Do you mean like this? http://jsfiddle.net/Z82Sv/
If so, that's your answer.
[edit]: to clarify, you can do all kinds of things with this, such as http://jsfiddle.net/Z82Sv/1/
Related
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.
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 6 years ago.
Improve this question
I'm trying to recreate this effect that is achieved using the CSS property background-attachment:fixed, but I would recreate that effect using divs, I would recreate that on a h1 tag for example.
Is that possible?
Thanks
you have to customised http://tympanus.net/Blueprints/ScrollingLayout/js/cbpFixedScrollLayout.min.js
to achieve " I would recreate that effect using divs, I would recreate that on a h1 tag for example" instead "section" as it has below code
var cbpFixedScrollLayout=(function(){var a={$sections:$("#cbp-fbscroller > section")...
so it will always create this effect on section element.
so if you want to create it any other tag rather than section then you have yo customise above js, please try to implement it first .
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 7 years ago.
Improve this question
How would you go about animating (and creating) the circles as shown in the image with javascript? I'm not sure what to call this, so I just said "border".
You'll need to animate svg elements bound to some data. Have a look at the D3 Radial Progress Component. This component is based on d3.js which is "a JavaScript library for manipulating documents based on data".
Please note that d3 is really complete and might be an overkill if you are just dealing with one graphic. But at least now you know what to search for.
There is a lot ways to do it, here are some
JS/Canvas:
http://p.ar2oor.pl/cprogress/
http://anthonyterrien.com/knob/
CSS3:
http://fromanegg.com/post/41302147556/100-pure-css-radial-progress-bar
http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
SVG:
http://raphaeljs.com/
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
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 8 years ago.
Improve this question
Is it a lightbox gallery of somesort? I'll try and find an example of what I mean and link it.
I'm not entirely sure how this would be implemented? Would I put it at the bottom of a header element if I wanted it to overlay on top of the transition between the header of the page and the main article text?
Sorry for any lack of knowledge/terminology in advance.
Probably you are looking for Slider Evolution. I used it for some quick projects and it's really nice and customizable with themes. Explore the demo page here
EDIT: You may as well consider using frameworks like Bootstrap. It has Carousel Component.