Align an image at the very top of the page.. (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


paul rayner -> 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>





womble -> RE: Align an image at the very top of the page.. (8/29/2006 7:26:16)

A 0px padding-top and margin-top on the <body> element should do it (at least it worked in the quick test I just did)




Tailslide -> 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!




paul rayner -> RE: Align an image at the very top of the page.. (8/29/2006 8:03:07)

Thanks for your help - yet again!!!!




womble -> RE: Align an image at the very top of the page.. (8/29/2006 8:41:43)

Back to full speed today Tail. [;)]




jaybee -> RE: Align an image at the very top of the page.. (8/29/2006 10:42:53)

Ahh well, in for a penny.......

Always start your style sheet with

html, body {padding:0; border:0; margin:0;}

and you should never have irritating problems like that again.

[:D]




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625