|
Hi everyone,
I have problem with links on my site (http://troszczynka.pl). I would like to place them permanently on the top of the notebook (just like in the project: http://troszczynka.pl/home.png) and make an animation of rolling out link with jQuery with mouse hover event.
I can manage jQuery by myself but I can't place them exactly on the top of the notebook. I tried to do it but on different screens all the links move into the different places.
|
|
|
|
|
[edited for clarity on July 7]
Let's say I have a web-site someone did, possibly an "amateur," or someone who clearly doesn't grasp what "standards compliant" is, and has created the web-site equivalent of BASIC "spaghetti code."
My goals here are:
1. Make the code standards compliant: but, not to alter the functioning of the site at all.
2. Cross-browser and cross-browser-version display issues: deal with issues of cross-browser display validation, and, possibly, make it display properly on the usual gamut of browsers/versions.
I realize these are two different issues, even though I think it's possible that having fully standards compliant HTML and CSS might make some impact on cross-browser display issues.
Are you using any tools now, paid, free, or, on-line, to help you analyze these issues in, or QA of, revising a site's HTML and CSS ?
thanks, Bill
The glyphs you are reading now: are place-holders signifying the total absence of a signature.
modified 7-Jul-12 5:36am.
|
|
|
|
|
|
Thanks, Graham,I am aware of that tool, and consider it a definite must-use in the diagnostic phase.
For handling cross-browser compatibility, I am considering the whole gamut of external JS libraries, including (for HTML5) BoilerPlate[^]. For mobile-device display issues I'm finding this article helpful:[^].
And then, there's, of course, Modernizr[^].
But, I am not optimistic that given web-site "X" written by someone's uncle, with the crudest possible HTMl/CSS, that will ever be able to be automatically brought up to standards, without hand-tuning by someone who understands standards compliancy, and the inevitable cross-browser testing, and cross-browser-version testing.
However, there are lots of tools for cross-browser testing I haven't explored yet:[^].
best, Bill
The glyphs you are reading now: are place-holders signifying the total absence of a signature.
|
|
|
|
|
Here's[^] another source of links to good stuff. Perhaps a bit too far to the 'performance' end of the spectrum for your immediate needs, but well worth a dabble.
Cheers,
Peter
[edit] updated URL in links. [/edit]
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
modified 8-Jul-12 17:35pm.
|
|
|
|
|
Thanks, Peter,
It appears the content your link points to, which I assume is: "Sam's ultimate web performance tool and resource list;" is now here:[^].
best, Bill
The glyphs you are reading now: are place-holders signifying the total absence of a signature.
|
|
|
|
|
The link worked when I posted it. As that URL now says, he moved it (adding a final 's'). Previous post updated (and my FF bookmark!)
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
Peter_in_2780 wrote: he moved it "Moving the goalposts" is what happens in my current consulting job, everyday
best, Bill
The glyphs you are reading now: are place-holders signifying the total absence of a signature.
|
|
|
|
|
I'm using Wordpress 3.3.2 and DynamiX theme.I have a small alignment issue on my site. I need the following bit of CSS code to be applied only on iPhones and iPads.
#footer-wrap-inner{
width: 200% !important;
}
Can anyone please help me start from the scratch?
Any sort of help is greatly appreciated!
Thanks in advance
|
|
|
|
|
For iPad:
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
#footer-wrap-inner{
width: 200% !important;
}
} For iPhone
@media handheld, only screen and (max-device-width: 480px)
{
#footer-wrap-inner{
width: 200% !important;
}
}
|
|
|
|
|
Sorry Pete.. That doesn't seems to work. Can you please take a look at my site http://cloudchowk.com/future/[^]and help me?
You can see the footer misaligned only when viewed in iOS devices and emulators( ipad-emulator.org, iphone-emulator.org)..
Thanks though for coming forward to help me..
|
|
|
|
|
Message Removed
modified 1-Jul-12 12:28pm.
|
|
|
|
|
On this web page[^] they are using a font named intel-neo-font, which is not available on my machine but yet displays correctly. How is this done ? (@fontface ?)
~RaGE();
I think words like 'destiny' are a way of trying to find order where none exists. - Christian Graus
Do not feed the troll ! - Common proverb
|
|
|
|
|
What I see (with Firebug) is
font-family: "intel-neo-sans","tahoma","helvetica",sans-serif;
This is a list of preferences, so if you don't have intel-neo-sans , then your browser will use tahoma if it can, else helvetica and in the unlikely event you don't even have that, it'll find a generic sans-serif font (probably Arial in some form).
Cheers,
Peter
ps I wonder what intel-neo-sans looks like.
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
I do get the text displayed in intel-neo-sans . This font is however not installed on my machine, and I was wondering how they were achieving that.
Peter_in_2780 wrote: I wonder what intel-neo-sans looks like.
Just hover the name in the css display of the FF Debugger, and it will be displayed.
|
|
|
|
|
That's not a sans-serif font (on my machine, anyway)! It shows a serif font, probably one of the Times family. I'm willing to bet that the page is rendered in Tahoma. [edit] that's wrong! - I found the @font-face . Which raises another mystery - Firebug doesn't "know about" that font for the hover preview. Chasing that becomes a tomorrow job (only a few minutes away! )
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
|
|
|
Leonidas Kaplan wrote: Any ideas?
Yes: hire a web designer rather than ripping off someone else's design.
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur." Red Adair.
nils illegitimus carborundum
me, me, me
|
|
|
|
|
I have a patient records website where patient can go and check their patient history.
I want to know how to make sure my website is secure?
It's in ASP.NET with there levels authentication where user MUST enter his ID number, Password and a PIN number.
what else I should consider to have it more secure?
|
|
|
|
|
Read some of these excellent articles:
Search CP for security articles[^]
That should get you started.
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur." Red Adair.
nils illegitimus carborundum
me, me, me
|
|
|
|
|
how to play list of songs selected which are in database
can any one help to me
**list.php**
<html>
<head></head>
<body>
<form action="play.php" method="post">
<?php
include("Db-Config.php");
echo "Songs List<br>";
$song_id[]=array();
$title[]=array();
$query1=mysql_query("select * FROM songs ");
while($result=mysql_fetch_array($query1)){
$song_id[]=$result['song_id'];
$title[]=$result['title'];
}
$len=sizeof($song_id);
$len1=sizeof($title);
for($i=1;$i<$len;$i++){
?>
<input type="checkbox" name="song[]" value="<?php echo $song_id[$i];?>"> <?php echo $title[$i];?><br>
<?php
}
?>
<input type="submit" value="play">
</form>
</body>
</html>
**play.php**
<?php
include("Db-Config.php");
$songid=$_POST['song'];
$len=sizeof($_POST['song']);
print_r($songid);
?>
<html>
<head>
<meta charset=utf-8 />
<title>Audio Player Demo </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1"
}, [
<?php
for($i=0;$i<$len-1;$i++){
$query1=mysql_query("select * FROM songs where song_id=$songid[$i]");
while($result=mysql_fetch_array($query1)){
?>
{
title:<?php echo $result['title'];?>,
mp3:<?php echo $result['url'];?>
//oga:<?php echo $result['url'];?>
}
<?php
}
}
?>
], {
playlistOptions: {
//autoPlay: true,
enableRemoveControls: true
},
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
});
//]]>
</script>
</head>
<body>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
<div class="jp-type-playlist">
<div class="jp-gui jp-interface">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
</ul>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<div class="jp-time-holder">
<div class="jp-current-time"></div>
<div class="jp-duration"></div>
</div>
<ul class="jp-toggles">
<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
</ul>
</div>
<div class="jp-playlist">
<ul>
<li></li>
</ul>
</div>
<div class="jp-no-solution">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
Iam using bellow code and js files but it is not working to play audio,add to play list
any one can help to me.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<!-- Website Design By: www.happyworm.com -->
<title>Audio Player Demo </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1"
}, [
{
title:"Cro Magnon Man",
//mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
},
{
title:"Your Face",
//mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg"
},
{
title:"Cyber Sonnet",
mp3:"http://www.jplayer.org/audio/mp3/TSP-07-Cybersonnet.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-07-Cybersonnet.ogg"
},{
title:"sample",
mp3:"address/files/01 - Guzarish.mp3"
}
], {
playlistOptions: {
//autoPlay: true,
enableRemoveControls: true
},
swfPath: "js",
supplied: "oga,mp3",
wmode: "window"
});
$(".song").click(function() {
$("#jquery_jplayer_1").jPlayer("setMedia", {
mp3: $(this).attr("name").val()
}).jPlayer("play");
$("#jquery_jplayer_1").jPlayer("play");
return false;
});
});
//]]>
</script>
</head>
<body>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
<div class="jp-type-playlist">
<div class="jp-gui jp-interface">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
</ul>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<div class="jp-time-holder">
<div class="jp-current-time"></div>
<div class="jp-duration"></div>
</div>
<ul class="jp-toggles">
<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
</ul>
</div>
<div class="jp-playlist">
<ul>
<li></li>
</ul>
</div>
<div class="jp-no-solution">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
<a href="#" class="song" name="address/sample songs/___TRACK02.MP3">Song 3</a>
<a href="#" class="song" name="address/sample songs/01 - Guzarish.mp3">Song 4</a>
</body>
</html>
-- modified 26-Jun-12 0:48am.
|
|
|
|
|
hi,
i have a html data(more than window size) as php variable .
i want to load that data on scrolling down (by using Jquery/javascript).
any one can help to me....
thank u.
prakash
|
|
|
|
|