[css-d] how to remove trailing color while transitioning colored divs

2012-08-06 Thread meera kibe
Hi
I have a white div on a colored background.
I have applied transitions to it and want it to rotate with ease upon hovering. 
It does what i want but leaves a trailing white color as the picture rotates.
Any solution?
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] implement a zig zag border on a div's border

2012-06-26 Thread meera kibe
Hi 
what's the simplest way to implement a zig zag border on a div' border. I dont' 
want to use css3. i have read something of the border-image but don't wan to 
use it now as there is poor browser support with this.
I will have to make a inverted traingle  in ps and then repeat it on x axis  
need help after that
Thanks
meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] how can i reduce the space between border and content

2012-06-25 Thread meera kibe
Hi
i wanted to style the underline on a anchor with a dotted red.
Read an article saying i could do

a:hover{
text-decoration:none;
border-bottom: 1px dotted red;
}

but there is a wide gap between the text and the bottom-border.
how do i remove that
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] how to remove the small fluttering while styling :hover

2012-06-25 Thread meera kibe
Hi 
How can i remove that small fluttering when i hover over a link and i want it 
to change its state say like getting a border around it or change the color
 Its so annoying . 
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] creating a 3d ribbon in css problems

2012-06-18 Thread meera kibe
Hello ,


Hoping you can help me in this.
I was successfully able to make a ribbon across a container using css from the 
tutus 
at http://www.pvmgarage.com/2010/01/how-to-create-depth-and-nice-3d-ribbons-only-using-css3/
 but i had some very interesting revelations.
Based on the tuts  to make a 3d ribbon. i had the follwing construct


 
 
 


No container ...Simple


Dimensions:

Bubble width:980px
           position:realtive 
           z-index:90
 
Rectangle: 15 on each side so (15+15=30)+980=1010px;
           top=60px;
           left:-15px;
           position:relative ;
           height:30px;
            z-index:100


For the triangles:

Now here is the interesting part when it comes to making the triangles, in 
order for the triangles to sit neatly below the rectangle i have to do 

top:60 px + 30px(Rectangle's height)
left:-15px;
z-index :-1;

but that does not work in my case infact i had to do

top:60px; (why)
left:-7.5px; (why  half should work ??)

Thanks again
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] How to implement background like this...

2012-06-01 Thread meera kibe
Hi
Please can someone tell me how to implement a background like the one in 
gymboree.com.
What sits on what . background color on background image or the other way round?
On close observation the color of the pages changes for every tab selection 
Thanks in advance
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] How to stretch linear gradient all over the background

2012-05-30 Thread meera kibe
Hi 
Pls can someone tell me how to get a linear gradient or radial for the 
backdround with a working example.
Is it possible with only css
Thanks in advance

Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] how to create a linear color gradient for the background

2012-05-29 Thread meera kibe
Hi
I want to create a simple linear gradient for the background (basically 
styiling the background of body)
I am able to add linear gradient on a div inside the body but it does'nt work 
out with the background 
Can someone give a working example
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] implement a glow like effect around a irregular shape link on hover

2012-05-22 Thread meera kibe
Hi I want to implement the following:

I want to create and image that works as a link,
... (should it be ?) Anyways this anchor has 
irregular dimension. Upon hover i would like a glow behind it.
I came across this amazing site
http://designshack.net/?p=19746 

and tried the glow and reflect, it worked fine except now i want to implemnt it 
on a image.
Many Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Implement an effect in css

2012-05-20 Thread meera kibe
Hello, 
I am a budding web designer and in the process of learning a few tricks in css 
and css3.
I came across this site sittercity.com and hav egotten in love with the 
elegance and simplicity and beauty of it all.

I want to implement the following:

1. the gently folded corner effect that;s in the middle..."Thanks to 
sittercity" the small post ti like thing in the middle
2.If i have a image and i repeat it throughout as a background x and y . 
something like in gymboree.com and chage this for each page, is the rendition 
going to be heavy on the bandwidth and load up time

Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] image merged with backgound with gradient

2012-05-19 Thread meera kibe
Hi 
I want to implement the following:
A image merged with a background with gradient. Something similar 
to http://www.sittercity.com/au-pair in the "Find available au-pairs".
I would appreciate any advice
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Text fonts

2012-05-13 Thread meera kibe
Hi
I want to use beautiful fonts from Font Squirrel for my website. This is the 
first time i'm going to be doing so  would really appreciate if anyone 
suggestions a quick and precise resource to ready about doing this... how to go 
about 
Thanks in advance
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] question about vendor specific prefix

2012-05-08 Thread meera kibe
Hello,
Can someone elaborate on why all the vendor specific prefixes have to be 
written first then the native property;
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] what are vendor specific prefixes?????

2012-04-13 Thread meera kibe
Hi
Can someone explain to me in very simple terms what are vendor specific 
prefixes.
Any article to read would be more than welcome to drive the point home.
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] can i use javascript for rounded corners for ie and css3 for rest

2012-04-12 Thread meera kibe
Hi
I don;t want to use images(and thus a different css file) for giving rounded 
corners for my divs in IE but i def want to use css3 for other browsers.
So for IE can i use javascript to get the effect.
Can some one please show me a quick example of the code, just where and how to 
insert the IE bit
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] should i use css3

2012-04-10 Thread meera kibe
Hi
I'm fairly new to website designing, and to css. Just finished an online course 
on css3 and loved it. 
I'm very keen to use it css3 for a website but i also want to cater to IE 
people. 
I'm veering towards writing a separate css file for IE8 and IE9.
What is the best solution. 

Best

meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/