neerukool
-
Fading div out smoothly
I couldn't see actual image loading. The loader was going on continuously. Anyways, just use fadeIn() for your image that loads and fadeOut() for loading gif. No need for .hide(). But just make sure that the position of both image elements are…
-
How to get the actual height of a parent div?
If you want everything of the div to be calculated, pass value 'true'. so your code will look like: .outerwidth(true) or .outerHeight(true). It will calculate the margin too. :)
-
Problems with gradient and round corners on menu ( IE)
@Krish1980, pie.htc can work on server as well.. The page is an HTML page - not php. If it was for Drupal, we need full path to the .htc file. @StillLearning, I just figured out you have put your PIE.htc in js folder. So, you should change your pat…
-
Problems with gradient and round corners on menu ( IE)
Eg. If you were to write the path of pie.htc in HTML, it would be "css/pie.htc" (assuming pie.htc is in css folder.) The same path should be given in CSS. Hence, behavior:url(css/pie.htc)
-
Problems with gradient and round corners on menu ( IE)
You will need to make 2 changes: 1) The path to pie.htc should be relative to html - not css. So, your code in css will be behavior:url(css/pie.htc); 2) When you are applying pie to an element, it needs to have position - relative or absolute. Le…
-
Jquery tabs not functioning in IE7
You have used ID's for both link and div. Not sure what the problem is, but there is a shorter (and safer) way to do: 1) For the clicking element (li or a) give an rel="#div_name" 2) Get that inside variable (show_div) on click event…
-
Websafe, sans-serif fonts rendering as a Standard Serif fonts
The Screenshot suggests that it's a Mac. And i guess the font is falling to Georgia. You can try putting sans-serif inside single quotes.. Or put helvetica: font-family: verdana, helvetica, tahoma, geneva, sans-serif; Let me know if that helps…
-
Odd Validation Error
On an other note, the images used are very heavy.. they are not 'saved for web & devices'. A PNG image of that size should be around 80kb, but it's around 300 kb. Actually JPEGs should suffice.. no need for PNG. Thanks. -N.
-
CSS List center aligned with image bullets aligned right
I use the CSS exactly the way @stefsull said.. But that pointer style is applied to a div & it is appended through jquery after() method. since client wants site to run properly in IE 7/8 where :after is not supported. After ie6countdown.com, …
-
IE8 Transparency Issues
hi @kpiatak, This happens when you try to fadeIn or fadeOut a PNG image.. IE 7/8 is very bad in handling PNG transparency. (IE 6 'was' the worst!) Either use GIF images or you can try: iepngfix.htc found at: http://www.twinhelix.com/css/…
-
magic line doesn't stop when click on the link , coz the page refresh after clicking
Hey @philipsacht, sorry i was offline for couple of weeks.. Can you remove the event code from the web-page (remove word 'event' from line 174 & remove line 182 - event.preventDefault() - altogether.) will quickly try to action thi…
-
Changing Text Colour.
jQuery will help you get to it easily. Run your text through a loop & for every '\n' character, you can change color of text. You'll need to assign an initial value to a variable & convert to Hex by using var_name.toString(16…
-
How should one use borders?
The default border-width which is medium equals 3px. And all the juggling you specify for border are true for 'outline' also.
-
magic line doesn't stop when click on the link , coz the page refresh after clicking
Hi @tareq, since the pure effect of page jump wont be seen in codepen, test if the following code modification helps: change code of this line ----> $("#menu li a").click(function(event){ after .data("origWidth", $magicLine.…
-
Firefox Ignoring -moz-rules?
@NForte, vendors use prefixes when the particular browser version doesn't support default prefix-less styling (eg. box-shadow). Once it supports fully, they drop prefixes for that style. So if you're using latest firefox, they have dropped…
-
Menu UL list menus vs table menus
There are many reasons behind this. I mite not be able to list them all but here are few them: 1) Firstly, as per W3C, tables should be used only to depict tabular data, not to layout the page or it's sub-components. 2) Tables introduce more h…
-
Why z-index, why can't you just appear above absolutely everything?!
@magicspon, you might not want to look that in IE 7-8.
-
magic line doesn't stop when click on the link , coz the page refresh after clicking
All you need to do is this: $(selector).click(function(event){ // your code event.preventDefault(); }); This will prevent anchor tag from performing it's default task.
-
Chrome -webkit-border-radius bug?
The following style for anchor tag should get you through: border: 4px solid #5882B4; height: 125px; display: block; width: 290px; overflow: hidden; border-radius: 20px; Remove the border from image.
-
Nivo Slider JQuery Help
Let me know if you're looking for this: http://nivo.dev7studios.com/support/advanced-tutorials/using-thumbnails-with-the-nivo-slider/
-
can't navigate submenu in IE7 (z-index)
I've checked this in both Chrome & IE (7, 8 & 9). First you need to clear out the layout issues. In IE 7 & 8, the text is besides the image (floated) however in other browsers, it's not. The Issue comes in IE 7 when your mouse …
-
How to get a torch or light ray effect using CSS or JavaScript or jQuery
If you're looking for Modern Browser support, CSS3 can come to your rescue. You can skew a div so that it appears as parallelogram and give opacity accordingly. If you dont want to write too many lines of code animating the 'keyframes'…
-
CSS Problem in IE
First things first! I see that you have applied set of 2 stylesheets containing same code. It's just that 1 is minified. Just keep 1 stylesheet reference - preferably the minfied version. I also observed that you have not applied CSS-Reset cod…
-
Horizontal Scrolling issue with IE-8
I guess that's too much of code. You could've just put scroll="no" attribute in body tag.