Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to create some kind of different vertical dividers than usual ones. Instead of using the classic css border properties, how may I implement something like the dividers at the bottom(blue footer) in the following page: https://www.ote.gr/en/web/guest/consumer. I think this must be a picture. If so,any idea where to find some similar pictures?
Thank you very much
The website you gave does indeed use a picture, which is probably the easiest way for this effect.
I would strongly advise you to learn to work with Chrome Inspector or Firebug. This would show you the following:
And this would even learn you the image can be found at https://www.ote.gr/ote-corporate-theme/images/divider.png
I would advise you to create your own image though. Shouldn't be that hard...
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
Can anyone help me on how to remove the white line around the jquery mobile button
, i have added background image to it and want to remove that line.
Demo: http://jsfiddle.net/fepT4/2/
Like others said, it is hard to help you out if you don't have an example code or screenshot to show us what you want to achieve. In general, to remove the border, use css border-style: none; If this is not what you want, please provide more info.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
On http://www.csszengarden.com/ how can I move classes (which contain headings and paragraphs) around?
The current order is:
explanation
participation
benefits
requirements
I want:
participation
benefits
explanation
requirements
It should keep the structure with any screen resolution, as it does now.
I don't think there's any way to do it other than using position: absolute and manually placing it on the page.
That may be pretty impractical, depending on what you're trying to do.
It's totally doable with Javascript but that's not what you're asking.
I think that flexbox has an order property, which lets you order your flex items.
For more information, see the specification at http://dev.w3.org/csswg/css-flexbox/#order-property
Note, the flexbox layout module is an Editor's Draft. It might not work as intended in all available browsers, especially in older browsers.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I would like to achieve this ribbon using CSS3:
Is there a way to create "distorted" rectangles in CSS 3 or should I go for triangles?
I'm pretty new to CSS3. What would be the easiest way to achieve this ribbon?
I've had some luck with this tool: http://cssarrowplease.com/
In your case, you will have both a :before, and an :after with different arrow configurations.
Lastly, note that to get a pointed arrow, you use a border on one side of 4. But to get a diagonal line, you simply use a border on 2 adjacent sides, and no border on the other sides.
Good luck!
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
this is the example, the left Nav div can float on the top once hitting to a point when scrolling down
http://www.codecademy.com/glossary/html#attributes_class
Look into WayPoints jQuery plugin... I use it, and it does very nice things!
http://imakewebthings.com/jquery-waypoints/
Once you hit the div that reflects the glossary, you could make jquery search for the 'selected' link, remove the link class from it, and set the class to the new link. It would take a little time to make it work perfectly, but would do great.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I'm creating a web app and I want people to be able to use it from their phones
this website seems to be using a great responsive css framework:
http://seenive.com/
when you zoom in a lot the top menu collapses very nicely.
any one knows what framework they are using?
The menu collapses not because of zoom but window.innerWidth. When it decreases below a certain width, the menu collapses into drop-down menu.
You can find an example here | JSFiddle demo
Edit: Many frameworks provide this effect but you really don't need one if you only want this effect
Gumby Framework
I never use this framework but they are used that
Github: https://github.com/GumbyFramework/Gumby