Stack Overflow
Stack Overflow

Questions tagged [sliding-doors]

Sliding doors is a CSS technique used to create rounded buttons that fluidly wrap the inner text.

The sliding doors implementation consists of two background images for the left and right corners, each positioned within the padding area of a parent and child element respectively.

Resources

26 questions
14
votes
2 answers

How to rotate an UIImageView with CATransform3DRotate make an effect like Door Opening?

I've read and try this article (Opening door effect using Core Animation) And I implement following code in my app: CALayer *layer = threeHomeView.layer; CATransform3D initialTransform = threeHomeView.layer.transform; initialTransform.m34 = 1.0…
ZYiOS
  • 5,204
  • 3
  • 39
  • 45
7
votes
4 answers

Why not hand when hovering link()?

Hi, I know that its possible to set the cusor to hand when hovering an object like this: CSS : cursor: hand; cursor: pointer; This should be done automaticly with a link element that looks like this :
Banshee
  • 15,376
  • 38
  • 128
  • 219
5
votes
2 answers

sliding door Button element broke in Firefox only

I'm trying to do a sliding door button that can be used in general purpose everything works fine except the Firefox. the span element in button always lower 2px in FF. here is example http://jsbin.com/orami3/4
dareal
  • 63
  • 5
5
votes
3 answers

change background image of li on an a:hover

I have a menu: With the sliding doors technique I want to create my button (containing rounded corners at the bottom.) I can get this to work, by hovering the a and…
Rick de Graaf
  • 968
  • 1
  • 14
  • 35
4
votes
1 answer

IE6 vs IE8, button vs hyperlink, CSS rendering issue

Given the following sample form code and CSS stylesheet Form


KriZ
  • 682
  • 1
  • 7
  • 17
3
votes
1 answer

Sliding door menu for jQuery

I'm looking for a sliding effect like this: http://www.piccante.co/sliding-doors/index.htm But it's for MooTools and I need a jquery version which has a very nice and smooth motion. Could you suggest such a plugin?
hd.
  • 17,596
  • 46
  • 115
  • 165
2
votes
1 answer

Sliding doors transparent overlay

.menu li { list-style:none; float:left; padding-right:20px; padding-top:25px; } .menu li a, .menu li a:visited { color:#ffffff; font-size:12px; text-decoration:none; background:url(images/menu_hover_right.png) top…
Sjors Snoeren
  • 49
  • 1
  • 6
2
votes
1 answer

need help in improving Horizontal sliding div

I have this script: http://jsfiddle.net/NV2uV/ It works, but I do not like it. Cons: Wrench (edge blocks). In the transition from one unit to another, the animation is performed in two steps (I want a continuous animation). The script code is not…
Kalinin
  • 2,489
  • 8
  • 37
  • 49
1
vote
1 answer

How do I use the full content area with a css sliding doors effect?

I am using a sliding doors effect to show a variable-width content box. The effect works fine, but the problem is that the padding-right required to make the effect eats up part of the content area: http://screencast.com/t/s9dTT1wU I need my content…
Jim Noble
  • 492
  • 6
  • 12
1
vote
2 answers

CSS - image sprite :active not working ie

Here is my code, which works perfectly in all but ie! The active simply does not fire a.Button span { background: transparent url('images/form_sprite.png') no-repeat 0 0; display: block; height:45px; line-height: 30px; padding: 7px 0 5px…
StudioTime
  • 22,603
  • 38
  • 120
  • 207
1
vote
1 answer

CSS sliding doors technique for buttons, IE8 problem

I used sliding doors technique, explained here: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html With only one exception, that I decided to add one more image for "hover" effect. My code works well for all browsers,…
Kelvin
  • 8,813
  • 11
  • 38
  • 36
1
vote
1 answer

How to make submit button with Sliding doors effect?

I have a ASP.NET .NET 4.0 Webform website. I got a couple of submit buttons on almost all page in this website and they are generated with the following code : Now I need to switch this for a CSS…
Banshee
  • 15,376
  • 38
  • 128
  • 219
1
vote
1 answer

how to create a sliding open door effect

i'm looking to create a sliding open door effect with jquery that has the following functionality: arrive on the page and the doors are closed click a link and the doors slide outwards a fixed amount on the x-axis click the same link again and the…
user1063287
  • 10,265
  • 25
  • 122
  • 218
1
vote
1 answer

IE7, IE8 sliding doors buttons active state is not working

I have buttons in different sizes and different colours in one sprite, using sliding doors technique, everything is fine in all major browsers but, when I am trying to run this in IE7, IE8 , everything seems fine, except :active state, it only works…
user313216
  • 117
  • 1
  • 6
0
votes
0 answers

Are you using ROTO doors and windows to make your home elegant?

We at Merx Windgo LLP the authorized distributor for ROTO I products in India are at your services of providing the best of materials from ROTO and creating dream windows and doors for your elegant houses. We’re sure that MerxWindgo is the most…
Merx Windgo
  • 1
1
2