Vůbec nejlepší řešení je marquee nepoužívat.
Pokud ale přecejen potřebujete nebo vyloženě chcete použít marquee (ten tag co rozptyluje především na LCD obrazovkách, které mají problém se vším co se pohybuje horizontálně).
Tento tag se zapisuje takto, skušenější vědí:
<marquee>Vítejte na BLASSENwebu</marquee>
Ukázka:
(tento běhací text - tag marquee - není validní ale funguje) - stránky si prohlížím prohlížečem, ne validátorem.
Dá se to však obejít pomocí Java Scriptu podobně jako Blikací Text.
Původně jsem to zde chtěl rozepisovat trochu víc, ale nakonec kód bude asi přínosnější.
{ Kód }:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="LTR" lang="cs">
<head>
<title>BLASSENweb - Validní Marquee</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="expires" content="0">
<meta name="resource-type" content="document">
<meta name="distribution" content="global">
<meta name="author" content="BLASSENweb">
<meta name="copyright" content="Copyright (c) by BLASSENweb">
<meta name="keywords" content="marquee, Marquee">
<meta name="description" content="the future of your web !">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="1 days">
<meta name="rating" content="general">
<base href="http://blassenweb.net/">
<script type="text/javascript">
var oMarquees = [], oMrunning,
oMInterv = 20, //interval between increments
oMStep = 1, //number of pixels to move between increments
oMDirection = 'left'; //'left' for LTR text, 'right' for RTL text
/*** Do not edit anything after here ***/
function doDMarquee() {
if( oMarquees.length || !document.getElementsByTagName ) { return; }
var oDivs = document.getElementsByTagName('div');
for( var i = 0, oDiv; i < oDivs.length; i++ ) {
oDiv = oDivs[i];
if( oDiv.className && oDiv.className.match(/bbwmarqueeb/) ) {
if( !( oDiv = oDiv.getElementsByTagName('div')[0] ) ) { continue; }
if( !( oDiv.mchild = oDiv.getElementsByTagName('div')[0] ) ) { continue; }
oDiv.mchild.style.cssText += ';white-space:nowrap;';
oDiv.mchild.style.whiteSpace = 'nowrap';
oDiv.style.height = oDiv.offsetHeight + 'px';
oDiv.style.overflow = 'hidden';
oDiv.style.position = 'relative';
oDiv.mchild.style.position = 'absolute';
oDiv.mchild.style.top = '0px';
oDiv.mchild.style[oMDirection] = oDiv.offsetWidth + 'px';
oMarquees[oMarquees.length] = oDiv;
i += 2;
}
}
oMrunning = setInterval('aniMarquee()',oMInterv);
}
function aniMarquee() {
var oDiv, oPos;
for( var i = 0; i < oMarquees.length; i++ ) {
oDiv = oMarquees[i].mchild;
oPos = parseInt(oDiv.style[oMDirection]);
if( oPos <= -1 * oDiv.offsetWidth ) {
oDiv.style[oMDirection] = oMarquees[i].offsetWidth + 'px';
} else {
oDiv.style[oMDirection] = ( oPos - oMStep ) + 'px';
}
}
}
if( window.addEventListener ) {
window.addEventListener('load',doDMarquee,false);
} else if( document.addEventListener ) {
document.addEventListener('load',doDMarquee,false);
} else if( window.attachEvent ) {
window.attachEvent('onload',doDMarquee);
}
</script>
</head>
<body>
<div class="bwmarquee" align="center">
<div style="height: 20px; overflow: hidden; position: relative;">
<div style="white-space: nowrap; position: absolute; top: 0px; left: 59px;">
<font color="navy"><b>Vítejte na BLASSENwebu</b></font>
</div>
</div>
</div>
<br />
<p>
Result: Passed validation<br />
File: marquee.html<br />
Encoding: iso-8859-2<br />
Doctype: HTML 4.01 Transitional<br />
</p>
</body>
</html>
WebSupport
