How to attach a 2nd Stylesheet
Posted: Wed Oct 01, 2008 4:11 pm
Ok guys im starting to get things going well with my first hand coded site, but ive hit a new problem.
Here is my demo site here Demo Site
Now this is the main page obviously, all the blue boxes are divs which currently have nothing in it so dont worry about them. Click on one of the news items and you will see that nothing appears to happen.
The problem is that the page it is trying to go to has not got the proper format to show the info in.
here is my first site which is currently in operation.
Current live site
now if you click one of the news items there you will see it takes you to the right page, however this is only because there is only 1 div in the content area on this site and the rest of the items are in a table inside the div.
Hope this makes sense.
I have the 2nd stylesheet here
Here is my demo site here Demo Site
Now this is the main page obviously, all the blue boxes are divs which currently have nothing in it so dont worry about them. Click on one of the news items and you will see that nothing appears to happen.
The problem is that the page it is trying to go to has not got the proper format to show the info in.
here is my first site which is currently in operation.
Current live site
now if you click one of the news items there you will see it takes you to the right page, however this is only because there is only 1 div in the content area on this site and the rest of the items are in a table inside the div.
Hope this makes sense.
I have the 2nd stylesheet here
how do i embed the 2nd stylesheet into every page but the index?/*
Theme Name: Not So Boring NI
This theme was designed and built by Stephen Lynch
*/
/* =General
-----------------------------------------------------------------------------*/
/*****************
browsers interpret margin and padding a little differently,
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}
body
{background: url(uploads/images/BusinessLeagueimages/bgnew.gif) repeat-x;
color: #333;
margin:0px; /* gives some air for the pagewrapper */
background-color: #000;
}
#sideimg {
float:left;
margin-left:10px;
margin-right: 10px;
margin-top: 0px;
top:300px;
width:610px;
background-image: url(images/footside1.jpg);
height:52px;
z-index:13;
}
#master {
margin-left:0px;
margin-right: auto;
margin-top: 0px;
top:300px;
width:800px;
background-color:#ffffff;
height:1400px;
z-index:1;
}
#header {
float: left;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
width: 800px;
height: 160px;
background-image: url(uploads/images/footyheader2.jpg);
background-color: #00FF33;
z-index:2;
}
#pigsfly {
float: left;
margin-top: 2px;
margin-right: 0px;
margin-left: 0px;
width: 800px;
height: 65px;
background-image: url( uploads/images/advertisers/headeradvert.gif);
z-index:3;
}
#hyperlinks {
float: left;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
width: 800px;
height: 30px;
background-color: #00FF33;
z-index:4;
}
#breadcrumbs {
float: left;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
width: 800px;
height: 10px;
z-index:5;
}
#ads {
float:right;
margin-left:0px;
margin-top:20px;
width:140px;
background-color:#0033CC;
height:800px;
z-index:6;
background-image: url(images/ads.jpg);
}
#rotator {
float: left;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
width: 600px;
height: autopx;
;
z-index:7;
}
#widget {
float: left;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
width: 450px;
height: 200px;
background-color:#000;
z-index:10;
}
#bigpic {
float: left;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
width: 620px;
height: 220px;
background-color:#0033CC;
z-index:11;
}
#bottomhyperlinks {
float:left;
margin-left:10px;
margin-right: 10px;
margin-top: 20px;
top:300px;
width:620px;
background-color:#0033CC;
height:70px;
z-index:12;
}
#footer {
float:left;
margin-left:10px;
margin-right: 10px;
margin-top: 20px;
top:300px;
width:620px;
background-color:#0033CC;
height:52px;
z-index:13;
}