jQuery Generated Variable Not Passing to CSS Keyframe Animation on Safari

Submitted by thewildinitiative on Fri, 2023-03-10 15:36

I have a CSS keyframe animation that uses a CSS variable as one of the animation properties. This variable is defined in jQuery. The entire animation seems to work fine in Chrome and Firefox. However, in Safari and on mobile browsers, only the portions of the animation not using the variable work correctly.

I've spent a lot of time trying to debug the issue. Some of the notable steps are listed...

CSS code doesn't make borders for my table

Submitted by jabirfatah on Wed, 2014-07-23 22:06

I coded to make a simple table with three rows and one column. That worked fine. But, trouble comes while making 1 px borders around the table using css. It doesn't make any border.

index.php class:

<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
<meta charset="utf-8"> 
<title>My site</title> 
</head> 
<body> 
 
<table class="t"> 
<tr><td>first row</td></tr> 
<tr><td>second row</td></tr> 
<tr><td>third row</td></tr> 
 
</table> 
 
 
<script type="text/javascript" src="js/jqry.js"></script> 
<script type="text/javascript" src="js/selector.js"></script> 
</body>

Help needed in Image Zoom Div show/hide on Hover

Submitted by [email protected] on Fri, 2014-02-28 11:06

Hello Guys

I searched for 2 weeks for a solution to my problem which is when i zoom in a image , i want to hover on certain area or circle then it pops me a div and when i zoom into another pops another div and so on ...

Here's my HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Smart jQuery Zoom Example</title>
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="styles.css" type="text/css" />

Where to upload styles/js files

Submitted by miekk on Sun, 2012-04-29 11:53

Hey guys,
I have serious gaps in my scrappy knowledge of css
I'm trying to implement this jQuery slider (http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)
The first instructions are as follows:

Download jQuery, Coin Slider javascript file and CSS file and include them on your page:

1
< script type="text/javascript" src="jquery-1.4.2.js">
2

< script type="text/javascript" src="coin-slider.min.js">
3

< link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

Help with dropdown submenus

Submitted by clazzid on Tue, 2012-02-07 07:39

hello all!
im having trouble building the right menu i need, its a jquery lavalamp, with 3 level dropdown submenus,

ive found a lot of open source code out there but none really matched my needs, ive started modifying some of them but i always run into some problems.

im getting very close using the code found here http://premiumcoding.com/jquery-dropdown-lavalamp-menu/

ive improved it if anyone is interested in using my version.

ive fixed the anoying queuing of dropdowns,

Syndicate content