[WSG] Horizontal CSS based Navigation
Title: Horizontal CSS based Navigation Can anyone point me in the right direction for a CSS based horizontal navigation using UL's and LI's, where the first Level of nav uses images!? Regards Jack Bennie This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] body onload=blah not working in Mac IE 5.2, any suggestions?
Title: body onload=blah not working in Mac IE 5.2, any suggestions?
Hey Guys
Got a problem, which only occurs in IE Mac 5.2, with using the onload function in an HTML BODY tag, any suggestions how I might be able to get around it?
html
head
titlerandom Masthead background/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
script language=_javascript_ type=text/_javascript_
//Edit this line to list all of your background images
var backgroundSrcs = new Array(images/header1.jpg,images/header2.jpg,images/header3.jpg,images/header4.jpg)
function pickimage()
{
//This line picks an image at random from the list you entered above
var bgimage=backgroundSrcs[(Math.round(Math.random()*(backgroundSrcs.length-1)))]
//This line applies the background image to your masthead
document.getElementById(masthead).style.backgroundImage = url(' + bgimage + ');
}
/script
style
#masthead{
position:absolute;
top:0px;
left:0px;
width:100%;
height:104px;
border: 1px solid blue;
}
/style
/head
body >
div id=masthead
pYour Masthead Goes Here/p
/div
/body
/html
Regards
Jack Bennie
Web Developer - Web Services
WorkCover NSW
This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] Randomly load images into the background-image selector...
Title: Randomly load images into the background-image selector... Does anyone know any neat code [JScript/CSS - not PHP] that can randomly load a selection of images into the 'background-image' selector? TY in advance Regards Jack Bennie Web Developer - Web Services WorkCover NSW This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] Two columns, one fluid one fixed?
Title: Two columns, one fluid one fixed?
Hey Guys
Got a simple one, but can't seem to get my head round it
I'm after a 2 column setup, one fixed width and the other fluid. I can get the following code to work in IE 5, 5.5 and 6, but not in Safari, Mac IE 5.2 and Firefox...
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleUntitled/title
style
#container{
text-align: left;
margin: 0;
width: 100%;
}
#centrecontent {
float: left;
border: 1px solid red;
}
#right {
width:182px;
float:right;
border: 1px solid blue;
}
/style
/head
body
div id=container
div id=right
Eant et fugiant a te inquieti iniqui. et tu vides eos et distinguis umbras, et ecce pulchra sunt cum eis omnia, et ipsi turpes sunt. et quid nocuerunt tibi? aut in quo imperium tuum dehonestaverunt, a caelis usque in novissima iustum et integrum? quo enim fugerunt, cum fugerent a facie tua? aut ubi tu non invenis eos? sed fugerunt, ut non viderent te videntem se, atque excaecati in te offenderent
/div
div id=centrecontent
Eant et fugiant a te inquieti iniqui. et tu vides eos et distinguis umbras, et ecce pulchra sunt cum eis omnia, et ipsi turpes sunt. et quid nocuerunt tibi? aut in quo imperium tuum dehonestaverunt, a caelis usque in novissima iustum et integrum? quo enim fugerunt, cum fugerent a facie tua? aut ubi tu non invenis eos? sed fugerunt, ut non viderent te videntem se, atque excaecati in te offenderent
/div
/div
/body
/html
I'm pretty sure it's something simple, but it's the end of the day and I can't spot it! Any ideas? I need to keep the the :float: left; in the #centrecontent
Thanks in advance...
Regards
Jack Bennie
Web Developer - Web Services
This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] Increase/Decrease font size functionality?
Title: Increase/Decrease font size functionality? Does anyone know any good code to implement Increase/Decrease font size functionality to web pages? Regards Jack Bennie Web Developer This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] Printed web pages with text cut in half at the bottom of the page?
Title: Printed web pages with text cut in half at the bottom of the page? Has anyone encountered the problem, when printing a web page, where the last line of text is being cut in half? By this I mean that the top half of the letters print on one page and the bottom half print on the next. Any suggestions as to what might be causing this and how to stop it? I've run some tests and it doesn't seem to be browser specific... [Nice for change! ;)] Cheers Regards Jack Bennie Web Developer - Web Services WorkCover NSW This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG] Padding overlap problem with FF and Safari?
Title: Padding overlap problem with FF and Safari?
I'm getting a padding overlap problem with FF and Safari, any ideas? Here's the code...
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleUntitled/title
style
#container{
text-align: left;
margin: 0;
width: 100%;
}
#centrecontent {
border: 1px solid red;
margin-right:182px;
padding: 14px;
}
#right {
width:182px;
float:right;
border: 1px solid blue;
padding: 14px;
}
/style
/head
body
div id=container
div id=right
Eant et fugiant a te inquieti iniqui. et tu vides eos et distinguis umbras, et ecce pulchra sunt cum eis omnia, et ipsi turpes sunt. et quid nocuerunt tibi? aut in quo imperium tuum dehonestaverunt, a caelis usque in novissima iustum et integrum? quo enim fugerunt, cum fugerent a facie tua? aut ubi tu non invenis eos? sed fugerunt, ut non viderent te videntem se, atque excaecati in te offenderent
/div
div id=centrecontent
Eant et fugiant a te inquieti iniqui. et tu vides eos et distinguis umbras, et ecce pulchra sunt cum eis omnia, et ipsi turpes sunt. et quid nocuerunt tibi? aut in quo imperium tuum dehonestaverunt, a caelis usque in novissima iustum et integrum? quo enim fugerunt, cum fugerent a facie tua? aut ubi tu non invenis eos? sed fugerunt, ut non viderent te videntem se, atque excaecati in te offenderent
/div
/div
/body
/html
Cheers...
Regards
Jack Bennie
Web Developer - Web Services
WorkCover NSW
Tel: 02 4321 5063
Fax: 02 9287 5063
This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
[WSG]
Hey guys I'm getting some bizarre behaviour from my footer. In IE6 when the page loads it seems to sit in the middle of the page/content but when I mouse over the nav on the left it sorts its self out? In IE5, a similar problem occurs when I change the width of the browser window: the footer moves and flashes over the middle of the page? http://www.wcc.nsw.gov.au/intranet_error/template_content_test.html Can anybody help? This has been driving me mad! Hope a URL is ok?! Cheers Regards Jack Bennie Web Developer - Web Services WorkCover NSW Tel: 02 4321 5063 Fax: 02 9287 5063 This message, including any attached files, is intended solely for the addressee named and may contain confidential information. If you are not the intended recipient, please delete it and notify the sender. Any views expressed in this message are those of the individual sender and are not necessarily the views of WorkCover NSW.
