Menu
Hello everybory!
Can anybody give me mind how to do the image in under part of CSS file as link to a site?
[CODE]DIV#ticker_block {
BORDER-TOP: #fff 1px solid; MARGIN-TOP: 0px; BACKGROUND:url(/nak.jpg) # no-repeat right bottom; WIDTH: 597px; PADDING-TOP: 2px; HEIGHT: 25px
Thanks, Victor
[code=html]
a#ticker_block {
display:block;
BORDER-TOP: #fff 1px solid;
MARGIN-TOP: 0;
BACKGROUND: url(/nak.jpg) no-repeat right bottom;
WIDTH: 597px;
PADDING-TOP: 2px;
HEIGHT: 25px
}
...
<a id="ticker_block" href="somewhere.com"></a>
...
[/code]
[CODE]
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:0px; PADDING-TOP:0px; BACKGROUND-COLOR: #fff
}
DIV#top_nav {
LEFT: 10px; POSITION: absolute; TOP: 0px
}
DIV#login_block {
LEFT: 576px; POSITION: absolute; TOP:0 px
}
DIV#cart_block {
LEFT: 10px; POSITION: absolute; TOP: 0px
}
DIV#ticker_block {
LEFT: 180px; POSITION: absolute; TOP:0px
}
DIV#left_nav {
MARGIN-TOP:10 px; FLOAT: left; MARGIN-LEFT: 3px; HEIGHT: 100%
}
DIV#subpage_block {
MARGIN-TOP: 13px; FLOAT: left; MARGIN-LEFT: 115px; WIDTH: 500px
}
DIV#top_nav {
BACKGROUND: url() #fff no-repeat 50% top; WIDTH: 768px; HEIGHT: 87px
}
DIV#logo {
BACKGROUND: url() #fff no-repeat left top; WIDTH: 250px; HEIGHT: 87px
}
DIV#login_block {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; WIDTH: 160px; COLOR: #66000; PADDING-TOP: 10px; FONT-FAMILY: arial; HEIGHT: 37px
}
A.login_block {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #660000; TEXT-DECORATION: none
}
A.login_block:hover {
COLOR: #660000
}
A.nav {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #660000; FONT-FAMILY: arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.nav:hover {
COLOR: #660000
}
DIV#bar_block {
LEFT: 0px; WIDTH: 769px; POSITION: absolute; TOP: 0px; HEIGHT: 48px
}
DIV#cart_block {
BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; BACKGROUND:url() # no-repeat left bottom; LEFT: 0px; WIDTH: 192px; PADDING-TOP: 5px; HEIGHT: 22px
}
DIV#sub_page_move_up {
LEFT: 0px; POSITION: absolute; TOP: 0px
}
[COLOR="Red"]DIV#ticker_block {
BORDER-TOP: #fff 1px solid; MARGIN-TOP: 0px; BACKGROUND:url(nak.jpg) # no-repeat right bottom; WIDTH: 597px; PADDING-TOP: 2px; HEIGHT: 25px[/COLOR]
}
.container {
OVERFLOW: hidden; WIDTH: 470px; POSITION: relative; HEIGHT: 28px; BACKGROUND-COLOR: #
}
.ticker {
LEFT: 50px; VISIBILITY: hidden; WIDTH: 570px; COLOR: #000000; POSITION: relative; TOP: 7px; HEIGHT: 50px
}
.banner {
FONT: bold 8pt verdana; CURSOR: pointer; COLOR: #fff
}
.banner A:link {
FONT: bold 8pt verdana; COLOR: #fff; TEXT-DECORATION: none
}
.banner A:visited {
FONT: bold 8pt verdana; COLOR: #fff; TEXT-DECORATION: none
}
.banner A:hover {
COLOR: #ff0000
}[/CODE]
I'd start with something like so since you want it to be a link.
[code=html]
[/QUOTE]
a#ticker_block {
display:block;
BORDER-TOP: #fff 1px solid;
MARGIN-TOP: 0;
BACKGROUND: url(/nak.jpg) no-repeat right bottom;
WIDTH: 597px;
PADDING-TOP: 2px;
HEIGHT: 25px
}
...
<a id="ticker_block" href="somewhere.com"></a>
...
[/code]
Looks like he used DIV#ticker_block instead of ray326's suggestion of a#ticker_block for link he wanted.
Ron[/QUOTE]
[CODE]<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><TITLE>Членове</TITLE>
<STYLE type=text/css>@import url(ushpw.css );
@import url(ovrN.css );</STYLE>
<!--[if IE]>
<STYLE type=text/css>@import url(ieN.css );
</STYLE>
<LINK id=csslink href="blu.css" type=text/css rel=stylesheet>
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</HEAD>
<BODY>
<DIV class="pagew region9" id=wrapper>
<DIV id=head>
<DIV class="parent chrome6 single1" id=peelback>
<DIV class="child c1 first" id=ptag>
[COLOR="Red"]<LINK href="styles1.css" type=text/css rel=stylesheet>
<DIV id=cart_block
style="BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(123.jpg) # WIDTH: 92px; PADDING-TOP: 3px; HEIGHT:31px" >[/COLOR]
<script type="text/javascript">
Date.ONE_SECOND = 1000
Date.ONE_MINUTE = Date.ONE_SECOND * 60
Date.ONE_HOUR = Date.ONE_MINUTE * 60
Date.ONE_DAY = Date.ONE_HOUR * 24
myLinks = new Array()
myLinks.push ({text: ' АРУБА' , image: ' <img src="http://flagspot.net/images/a/aw.gif" width="36px"height="24px" title="" border=0></img> ', url: ' 263aruba.html'})
myLinks.push ({text: 'Бермудски острови' , image: ' <img src="http://flagspot.net/images/b/bm.gif" width="48px"height="24px" title="" border=0></img> ', url: 'http://www.apostolicservice.com/264bermudi.html'})
.......
thisLink = myLinks[Math.floor((new Date().getTime() / Date.ONE_DAY) % myLinks.length)]
document.write ('<div><a href="#">', thisLink.image + thisLink.text, '</a></div>')
document.links[document.links.length-1].href = thisLink.url
document.links[document.links.length-1].onmouseover = function () {
window.status = thisLink.text
return true
}
</script> </DIV>
<DIV id=ticker_block>
<SCRIPT>
<!--
function Ticker(name, id, shiftBy, interval){this.name = name;this.id = id;this.shiftBy = shiftBy ? shiftBy : 1;this.interval = interval ? interval : 1000;this.runId = null;this.div = document.getElementById(id);var node = this.div.firstChild;var next;while (node){next = node.nextSibling;if (node.nodeType == 3)this.div.removeChild(node);node = next;}this.left =636;this.shiftLeftAt = this.div.firstChild.offsetWidth;this.div.style.height = this.div.firstChild.offsetHeight;this.div.style.width = 2 * screen.availWidth;this.div.style.visibility = 'visible';}
function startTicker(){this.stop();this.left -= this.shiftBy;if (this.left <= -this.shiftLeftAt){this.left = 636;this.div.appendChild(this.div.firstChild);this.shiftLeftAt = this.div.firstChild.offsetWidth;}this.div.style.left = (this.left + 'px');this.runId = setTimeout(this.name + '.start()', this.interval);}
function stopTicker(){if (this.runId)clearTimeout(this.runId);this.runId = null;}
function changeTickerInterval(newinterval){if (typeof(newinterval) == 'string')newinterval = parseInt('0' + newinterval, 10);if (typeof(newinterval) == 'number' && newinterval > 0)this.interval = newinterval;this.stop();this.start();}
Ticker.prototype.start = startTicker;Ticker.prototype.stop = stopTicker;Ticker.prototype.changeInterval = changeTickerInterval;var ticker = null;
function init(){ticker = new Ticker('ticker', 'tickerID', 1, 15);ticker.start();}
onload = init
ns4 = (document.layers)? true:false
if (ns4 = "false"){
document.write('<div align="left" class="container">');
document.write('<div class="ticker" id="tickerID" onMouseOver="ticker.stop();" onMouseOut="ticker.start();">');
document.write(' <span class="banner"><nobr>');
document.write('...'); document.write('......');document.write('....');
document.write('</nobr></span>');
document.write('</div>');
document.write('</div>');
}
//-->
</SCRIPT></DIV></LINK>
</DIV>
<DIV class="child c3 last">
</DIV></DIV>
<DIV class="child c2">
<UL class="linklist21 cf">
<LI class=first><A href="....">..</A></LI>
<LI class=last><A href="">...</A></LI></UL></DIV>
<BR class=b3>
<DIV class="child c3">
<UL class="linklist9 cf">
<LI class="first selected">
<a href=pm.cgi?session=%%session%%>НАЧАЛО</A></LI>
<LI><a href=pm.cgi?session=%%session%%&action=display>Моя профил</A></LI>
<LI><a href=pm.cgi?session=%%session%%&action=modify>Обновяване</A></LI>
<LI><a href=pm.cgi?session=%%session%%&action=browse>Само за членове</A></LI>
</UL></DIV>
<BR>
<DIV class="child c4 last">
<FORM class=simple6 id=srchfrm action=search.cgi method=get method=get><input type=hidden name=action value=search>
<select name=infield> <option selected value=any>Ключова дума <option value=login>Име</a> <option value=email>Имейл</a>
<option value=age>Възраст</a> <option value=state>Област</a> <option value=country>Държава</a></select>
<input type=text name=words size=46 value=""> <INPUT class=button type=submit value="Търси членове">
</DIV></FORM></DIV></DIV>
<DIV class="parent chrome6 quad2 cf" id=toolbar>
<DIV class="child c1 first" id=welcome>
<DIV class=abs><SPAN>Добре дошъл %%firstname%%, </SPAN></DIV></DIV>
<DIV class="child c2" id=msgcount></DIV><BR class=b3>
<DIV class="child c3" id=signin></DIV>
<DIV class=link></DIV></DIV>
<blockquote>[/CODE]
....<DIV class="[B]child c2[/B]">
<UL class="[B]linklist21 cf[/B]">....[/QUOTE]
0.1.9 — BETA 6.2