|
| |
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
 |
Align an image at the very top of the page.. - 8/29/2006 7:17:22
I want to align an image at the very top of the page - no white space at all. But..........(there always is a but, isnt there???)
My image is inserted using a javascript. I've included the code, and you'll see where I've tried to use opx margins - but failed. Any help would be appreciated.<html>
<head>
<style>
.clock {
margin: 0px 0px 0px 0px;
}
h2{
font-family:arial;
font-size:12pt;
font-style:bold;
}
h3{
font-family:arial;
font-size:10pt;
font-style:italic;
}
</style>
</head>
<body>
<div align="center">
<span id="clock">
<SCRIPT LANGUAGE="JavaScript" class="clock">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Chris (javascript@crashedstar.com) -->
<!-- Web Site: http://www.crashedstar.com/ -->
<!-- Begin
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
if (InternetTime < 10) InternetTime = '00'+InternetTime;
else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<img src="+ hours+minutes+ ".jpg />"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</script>
</span>
</div>
<div align="center"><h2>Jazz in Boots</h2><br />
<h3>October 8, Riversands Vineyard, St George ph4625 3643</h3></div>
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
|
|
|
|
Tailslide
Posts: 6036
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Align an image at the very top of the page.. - 8/29/2006 7:27:47
You need to add margin:0 and padding:0 to the body element to get this otherwise it adds a margin by default.
edit: beaten by Womble!
< Message edited by Tailslide -- 8/29/2006 7:58:57 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Align an image at the very top of the page.. - 8/29/2006 8:03:07
Thanks for your help - yet again!!!!
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
