How to reset elements to their original state, after a chain of manipulations?
- by Moak
After a bunch of animating, adding classes and setting css styles. is there an easy way to reset an element to be back in its original server delivered state?
Search Results
Search found 11505 results on 461 pages for 'css transitions'.
Page 151/461 | < Previous Page | 147 148 149 150 151 152 153 154 155 156 157 158 | Next Page >
-
-
Problem when trying to disappear a column
- by eddy
I need to hide a column as well as other elements when my page is printed , and in order to do that I have a print style sheet, everything works fine, except for the column I want to make disappear, the strange thing is that my stylesheet works in IE , but it didn't in Mozilla and chrome, why's that? Html code <col width="10%" class="art-editcolumn"/> and here's the CSS class: .art-editcolumn { display: none; } Hope you can help me out with this.Read the article
-
Is there any guide on "When to use display:block when :inline and when :inline-block" and why?
- by metal-gear-solid
Do you know any good article on "When to use display:block when :inline and when :inline-block" and why? and when we will have to override display:?? through css for any HTML tag/element?Read the article
-
What can I do to make my form look like this?
- by DJTripleThreat
I have a form with a lot of fields. I want it to be neat and easy to use. I found this site that theorizes about an updated e-bay registration form and I liked what e-bay was doing. So... what html/css do I need to get a form to look like the form on the right:Read the article
-
How to add a background to text only ?
- by misha-moroshko
I have a background image on top of which there is some text. It is very hard to read the text because of the background. I would like to add a white background just around the text itself, such that the text could be easily read. How can I accomplish this using CSS/Javascript/jQuery ?Read the article
-
Brightening an image using styles or Javascript
- by CP
Hello All, I would like to brighten an image on my webpage on mouseover using css or javascript. Ive seen some examples using opacity and filters in styles but they dont seem to work for me. Thanks in advance CPRead the article
-
jQuery 1.5.1 vs 1.4.4 weirdness
- by zobgib
I have been getting some weird errors when I upgrade jQuery from 1.4.4 to 1.5.1. Maybe you guys can explain what I need to change or why the new version is not working. In 1.4.4 I have the following code <div class="navlink home" data-link="home"> <span class="top">Home</span> </div> <div id="index-03"> </div> <div class="navlink resume" data-link="resume"> <span class="top">Resume</span> </div> <div id="index-05"> </div> <div id="index-06"> </div> <div class="navlink portfolio" data-link="portfolio"> <span class="bottom">Portfolio</span> </div> JS: $(".navlink").hover( function () { $(this).delay(100).animate({backgroundPosition: "-100% 0"}, 400); $(this).find("span").css("textDecoration","underline"); }, function () { $(this).queue("fx", []); $(this).animate({backgroundPosition: "0% 0%"}, 400); $(this).find("span").css("textDecoration","none"); } ); Which works just fine. but when I switch jQuery versions by changing this line in my header from <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> to <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> The above code quits animating and the background image just disappears. Here is a jsFiddle that shows what's happening just change the jQuery version on the side between 1.4.4 and 1.5.1 http://jsfiddle.net/fUXZ4/ -- 1.4.4 http://jsfiddle.net/3APCd/ -- 1.5.1 Here is a video of exactly what is happening to me: http://img.zobgib.com/2011-03-07_1905.swfRead the article
-
How to set a dynamic width on a floating div?
- by user330144
I have a div container with 3 div elements inside (A, B, and C). I'll know the width of the container and the width of A and B) the problem is that in some cases B won't be there in which case I need C to expand to fill the rest of the container. How would I do this with straight css or am I going to need to use javascript to calculate the width? Thanks.Read the article
-
How do I make image hyperlinks have a background image?
- by Richard
I want all .jpg links to have a certain background image. so a link on a page like 'http://mysite/myimage.jpg' would automatically be prefixed with a small icon. Actually all links to images, ie .gif .png as well with the same icon. If the link is to a website, ie .htm/.php/.html/.asp it should have a different image. I want it to be through classes in CSS. Any help appreciated. TIARead the article
-
changing the color of scroll bar?
- by udaya
Hi In a div I gave overflow auto to have a scroll bar to display the content that exceeds the limit My scroll bar appears in blue color that doesn't suit my layout how can i change the color div#navigation{background:#efe9b9; overflow:auto} This is the css i am using ... I want brown colored scrll bar How to get itRead the article
-
How to implement 2 rows and width to fit in the column in web development?
- by wamp
<td style="width:230px;overflow:hidden;"> <?php echo $something; ?> </td> What I'm doing is to cut $something to 2 rows at most,and add ... when necessary, but this kind of requirement seems clue less when trying to implement, Solutions within the scope of php/javascript/css are appreciated! anyone has ideas?Read the article
-
stick button to bottom of element
- by dzona
Is there any way to stick child button element to bottom of parent element when number of child elements vary? Parent element is fixed height, and could be scrolled vertically in case of child overflow. In that case, button should be at the end of child list, but in case there is no children, or children size don't push parent element to overflow, it should be at bottom of parent element. Is there pure css solution for this? ThanksRead the article
-
birds on the tree in the background
- by every_answer_gets_a_point
how do these birds pop up behind the trees on the bottom? http://grabaperch.com/about are they using css with php or what is it?Read the article
-
What is the "W3C Markup Validator" button for on websites used for?
- by Tom
May websites, including professional ones usually have a "W3C Markup Validator" and "W3C CSS Validator." Why do you put them there? Is it just pride or is it justified? If it is more than pride, what justifies them?Read the article
-
jQuery selector: this.parent, is there such a thing?
- by Kyle Sevenoaks
I have a lot of div boxes with nested div .titles, with a button inside. Is there a way in jQuery to select the parent of the button? Something like: $("#button").click(function(){ $("this.parent").css({'border-bottom' : 'none'}); }); Or am I going to have to rename all of my title classes to unique classes?Read the article
-
How to make a DIV scrollable instead of BODY?
- by user353901
hi I want my page's BODY not to be scrollable but a DIV inside the BODY should be scrollable. I have this in my css file: body { overflow:hidden } .mainSection { overflow:scroll } but it doesn't work and the DIV doesn't become scrollabel (it just shows two disabled scroll bars for the DIV)!Read the article
-
Convert TD columns into TR rows
- by TM
Hi, Is there a quick way to translate (using CSS or Javascript) a tables TD into TR, currently I have: A B C D 1 2 3 4 and I want to translate to: A 1 B 2 C 3 D 4 ??Read the article
-
What is ".foo{}" in the beggining of a stylesheet?
- by juanmanuelrojascavaliere
Hello people, this is my first question, so i do not know if i am doing it ok... I would like to know what is the meaning of ".foo{}" It is placed at the beggining of a css stylesheet i have been modifying. Regards. tomanoRead the article
-
Is there a way to arrange the alignment of List Items (LI) when using an image as a bullet?
- by William Calleja
I have the following CSS .ul{ list-style-image:url(/images/bullet.png) } My bullet.png is 20 x 20px however it is displaying the text at the bottom of the image while I need to display my text in the middle of the image. Is there a way to assign margins and paddings that move only the text?Read the article
-
HTML, <table> background
- by lego69
hello, I've got one problem... I created table(with one row and one column) for my site and then I put background for table using CSS where I defined image, after that I try to create in the first table another table with 3 rows, Dreamweaver doesn't allow me to do it, it puts new table after first, how can I solve this problem, thanks in advance...Read the article
-
Does it ever matter , Whitespace between HTML elements?
- by metal-gear-solid
Does it matter ever , Whitespace between HTML elements in source? when we give style through CSS? For any browser?Read the article
-
How do you create an outfit creator like this?
- by Adam
http://www.tailorstore.co.uk/tailor-made-shirts I believe it's using a form but how does it assemble the different layers of images? Is it just css?Read the article
-
Why isn't Chrome displaying my div?
- by Kyle Sevenoaks
Click here to see a simple example of what I want. It's really easy, but for some reason Google won't display it. It's part of a foreach loop, if needed I can add other codes. There is nothing else in the rest of the css to mess with this, I have checked about 10 times. Thanks.Read the article
-
how to set this div's style in the style tag..
- by zjm1126
<style type="text/css"> #[':0:adId']{/*this is not useful*/ background:red; } </style> <div id=":0:adId">Loading...</div> the google maps use this name, so how do i set the style. thanksRead the article
-
Ordering images in an inline style in a list element
- by John
How do I order images in a list in an inline style with css? I have tried puting inline style in the list tag but it is showing it in block form. Any help will be greatly appreciatedRead the article
