Help With Random CSS Layout, Help given did not work... Options

[texijano]

ok...I went to the xanga scripts and found the random css layout script and tried it out...I tried, and tried and tried. It simply did not work. I tought ok, maybey its my css coding. So i copied the coding itself into the header and it worked fine. So i tried a few more times with the random layout script. It didnt work. Now, the example that it gave didnt work either. So, is it just me or is xanag not allowing this script. Im a little more thna a beginner at all of his and I have never had so much trouble with something since image mapping with css. Please, if you can help me, drop a line.

[texijano]

Hey, thank you all for helping and sorry my wording was not all great...lol..anywayz what I was trying to say , was that there is a script proved here that allows you to have random layouts every refresh. Now, i put the code in, jus like it said, i copied the urls of my external css file and it didnt work. I then tok out the script, put in the content of one my my css files, and the layout worked fine.

Here is this scipt what was provided

<!-- begin code provided by createblog.com -->
<script type='text/javascript'>
// random css skin on every visit by micron
// for more xanga scripts and help go to createblog.com

var skin = new Array();

// change this to reflect your set of skins
skin[0] = 'http://url/to/skin1.css';
skin[1] = 'http://url/to/skin2.css';
skin[2] = 'http://url/to/skin3.css';
skin[3] = 'http://url/to/skin4.css';

var index = Math.floor(Math.random() * skin.length);
document.write('<link rel="stylesheet" href="'+ skin[index] +'" type="text/css">');
</script>
<!-- end code provided by createblog.com -->

Or just go here to see the page where it is atScript

anywayz, here is one of the css file i used, i juss put something together real quick to see if it works,

body {
background-image:url(http://www.xpphotoalbum.com/data/15513/8829L1.GIF?1623);
background-repeat: none;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
table.blogbody {
width:747px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: #000000;
background-color: #ffffff;
text-transform: lowercaps;
margin-top: 10px;
}
P, B, I, TD, TH
{font-family: Arial; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#000000; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;

now i tried everything i could think of with the actaul css code, like putting the <style type tags, and tried to rearrange things, but it still didnt work. Well i hope i answer your questions so you can help answer mine, thanks helping!