CSS Problems

[Ashman]

Hi

I recently started modifying a CSS template i found online but since editing this template and applying it to my webpage the links at the top of the page stopped working.

Be great if someone could possibly take a quick look at the coding and tell me if i'ts the CSS that's causing the problem's or if it's something wrong with the website.

Appreciate any help.

Thanks

/* ------------ This design is to be distributed only by templ.us ------------- */
/* Reproduction in part or whole is strictly prohibited without written consent */

/*
This FrameWork Is Provided By Mubbi (www.mubbistyling.webs.com).
You can easily Make Templates By this Now =D
*/

/* Body: Backbone Of the template */
body {background: url(http://i287.photobucket.com/albums/ll139/ash7286/Spacewallpaper-1.png);font: 12px; Arial, Helvectia,sans-serif; color: black; margin-top: 35px;
}
/* Body Ends */

/* Links of the whole website */
a {
color: black ;
text-decoration:none ;
}
a:hover {
color:grey ;
text-decoration:none;
text-shadow: 4px 1px 2px white;
}
/* Links Ends */

/* Main Container */
#fw-container { width: 1100px; margin-left: 75px;
}
/* Main Container Ends */

/* Header/logo */
#fw-head {
background:url("nologointemplate") repeat scroll 0 0 transparent;
height: 232px;
}
/* Header/logo Ends */

/* The Logo title and Slogan (Note: If you are not using the the logo in fw-head then edit these properties otherwise leave them as it is.)*/

#fw-title a {
display:all;
font-size: 22px; margin-left: 20px;
color: #ffffff; text-shadow: 2px 1px 9px blue;
}
#fw-head h2 {
display:none;
}
/* The Logo title and Slogan Ends */

/* Nav Bar Container Of the template */
#fw-mainnavwrap {
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png); -moz-box-shadow: 1px 2px 20px 10px blue; -moz-border-radius: 10px; margin-top: -160px; height: 30px; padding: 6px; border: solid 4px white
}

/* dont edit this these codes */
#fw-mainnavwrap ul {
display:inline;
margin:0;
padding:0;
}
#fw-mainnavwrap ul li {
display:inline;
margin:0 0 0 -3px;
padding:0;
}
/* dont edit this these codes Ends */
/* Nav Bar Container Of the template Ends */

/* Nav bar links style */
#fw-mainnavwrap ul li a:link, #fw-mainnavwrap li a:visited {
color:white;
font:bold 14px arial;
padding:10px;
text-decoration:none;
text-shadow: 1px 1px 3px blue;
}
#fw-mainnavwrap li a.fw-current-nav-link:link, #fw-mainnavwrap li a.fw-current-nav-link:visited, #menu li

a.fw-current-nav-link:hover {
background:none repeat scroll 0 0 none;
color:white;
font:bold 14px arial;
text-decoration:none;
text-shadow:1px 1px 1px red;
}
#fw-mainnavwrap ul li a:link:hover, #fw-mainnavwrap li a:visited:hover {
color:white;
text-shadow:3px 1px 9px red;
}
#fw-mainnavwrap li a:hover {
background: none; repeat scroll 0 0 transparent;
color:black;
text-shadow:0 1px 0 gray;
}
/* Nav bar Links style Ends */

/* your Content container */
#fw-bigcontain {
-moz-border-radius:10px 10px 10px 10px;
background: #DFDFDF;
border:4px solid darkgrey;
float:left;
margin-top:20px;
padding:4px;
width:720px;
margin-left: 10px;
-moz-box-shadow: 1px 1px 20px 10px blue;
}
#fw-bigcontain p {
clear:both;
padding-top:5px;
text-shadow:0 1px 0 white;
}
/* your Content container Ends*/

/* your Content container Titles */
#fw-bigcontain .fw-title {
-moz-border-radius:10px 10px 10px 10px;
background:url("http://bk2portal.webs.com/-%20New%20Folder/content.png") repeat scroll 0 0 transparent;
color:white;
text-shadow:0 1px 0 blue;
font:22px arial;
margin-left:-8px;
margin-top:-8px;
padding:5px;
width:720px;
border: solid 3px white;
}
/* your Content container Titles Ends*/

/* your Side Bar container */
#fw-sidebar {
-moz-border-radius:10px 10px 10px 10px;
background: #ffffff; repeat scroll 0 0 transparent;
border:8px solid #595959;
color:blue;
shadow:0 1px 0 blue;
float:right;
margin-top:20px;
margin-bottom:20px;
padding:10px;
text-shadow:0 1px 0 gray;
width:290px;
-moz-box-shadow: 1px 1px 20px 10px blue;
}
/* your Side Bar container Ends*/
/* your Sidebar container Titles */
#fw-sidebar .fw-title {
-moz-border-radius:10px 10px 10px 10px;
background: #EEE;
color: white;

font:18px arial;
margin-left:-17px;
margin-top:0px;
padding:7px;
text-shadow:0 1px 1px blue;
width:304px;
-moz-box-shadow: 1px 6px 20px black;
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png);
border: solid 3px white;
}
#fw-sidebar .fw-title a {
color:white;
text-decoration:none;
text-shadow:0 1px 1px black;
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png);
}
/* your Sidebar container Titles Ends*/

/* Footer Container */
#fw-footer {
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 0 10px 2px blue;
background: #EEE;
border:4px solid white;
margin-left: 75px;
clear:both;
width: 1100px;
text-align: center;
}

[yoursitessuccess]

CSS is just styling, it can't stop a link from working or make a link work. It can only make things look pretty.

[RF2OOO]

I use CSS style code to block unwanted divider content such as advertising, once I read the problem I was certain I knew the cause and after 20 seconds of searching, I'm pretty sure I spotted the cause. The small piece of code below is in the source code provided and would block a divider called "fw-head".

#fw-head h2 {
display:none;
}

Here is the code with that line removed which should work.

/* ------------ This design is to be distributed only by templ.us ------------- */
/* Reproduction in part or whole is strictly prohibited without written consent */

/*
This FrameWork Is Provided By Mubbi (www.mubbistyling.webs.com).
You can easily Make Templates By this Now =D
*/

/* Body: Backbone Of the template */
body {background: url(http://i287.photobucket.com/albums/ll139/ash7286/Spacewallpaper-1.png);font: 12px; Arial, Helvectia,sans-serif; color: black; margin-top: 35px;
}
/* Body Ends */

/* Links of the whole website */
a {
color: black ;
text-decoration:none ;
}
a:hover {
color:grey ;
text-decoration:none;
text-shadow: 4px 1px 2px white;
}
/* Links Ends */

/* Main Container */
#fw-container { width: 1100px; margin-left: 75px;
}
/* Main Container Ends */

/* Header/logo */
#fw-head {
background:url("nologointemplate") repeat scroll 0 0 transparent;
height: 232px;
}
/* Header/logo Ends */

/* The Logo title and Slogan (Note: If you are not using the the logo in fw-head then edit these properties otherwise leave them as it is.)*/

#fw-title a {
display:all;
font-size: 22px; margin-left: 20px;
color: #ffffff; text-shadow: 2px 1px 9px blue;
}
/* The Logo title and Slogan Ends */

/* Nav Bar Container Of the template */
#fw-mainnavwrap {
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png); -moz-box-shadow: 1px 2px 20px 10px blue; -moz-border-radius: 10px; margin-top: -160px; height: 30px; padding: 6px; border: solid 4px white
}

/* dont edit this these codes */
#fw-mainnavwrap ul {
display:inline;
margin:0;
padding:0;
}
#fw-mainnavwrap ul li {
display:inline;
margin:0 0 0 -3px;
padding:0;
}
/* dont edit this these codes Ends */
/* Nav Bar Container Of the template Ends */

/* Nav bar links style */
#fw-mainnavwrap ul li a:link, #fw-mainnavwrap li a:visited {
color:white;
font:bold 14px arial;
padding:10px;
text-decoration:none;
text-shadow: 1px 1px 3px blue;
}
#fw-mainnavwrap li a.fw-current-nav-link:link, #fw-mainnavwrap li a.fw-current-nav-link:visited, #menu li

a.fw-current-nav-link:hover {
background:none repeat scroll 0 0 none;
color:white;
font:bold 14px arial;
text-decoration:none;
text-shadow:1px 1px 1px red;
}
#fw-mainnavwrap ul li a:link:hover, #fw-mainnavwrap li a:visited:hover {
color:white;
text-shadow:3px 1px 9px red;
}
#fw-mainnavwrap li a:hover {
background: none; repeat scroll 0 0 transparent;
color:black;
text-shadow:0 1px 0 gray;
}
/* Nav bar Links style Ends */

/* your Content container */
#fw-bigcontain {
-moz-border-radius:10px 10px 10px 10px;
background: #DFDFDF;
border:4px solid darkgrey;
float:left;
margin-top:20px;
padding:4px;
width:720px;
margin-left: 10px;
-moz-box-shadow: 1px 1px 20px 10px blue;
}
#fw-bigcontain p {
clear:both;
padding-top:5px;
text-shadow:0 1px 0 white;
}
/* your Content container Ends*/

/* your Content container Titles */
#fw-bigcontain .fw-title {
-moz-border-radius:10px 10px 10px 10px;
background:url("http://bk2portal.webs.com/-%20New%20Folder/content.png") repeat scroll 0 0 transparent;
color:white;
text-shadow:0 1px 0 blue;
font:22px arial;
margin-left:-8px;
margin-top:-8px;
padding:5px;
width:720px;
border: solid 3px white;
}
/* your Content container Titles Ends*/

/* your Side Bar container */
#fw-sidebar {
-moz-border-radius:10px 10px 10px 10px;
background: #ffffff; repeat scroll 0 0 transparent;
border:8px solid #595959;
color:blue;
shadow:0 1px 0 blue;
float:right;
margin-top:20px;
margin-bottom:20px;
padding:10px;
text-shadow:0 1px 0 gray;
width:290px;
-moz-box-shadow: 1px 1px 20px 10px blue;
}
/* your Side Bar container Ends*/
/* your Sidebar container Titles */
#fw-sidebar .fw-title {
-moz-border-radius:10px 10px 10px 10px;
background: #EEE;
color: white;

font:18px arial;
margin-left:-17px;
margin-top:0px;
padding:7px;
text-shadow:0 1px 1px blue;
width:304px;
-moz-box-shadow: 1px 6px 20px black;
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png);
border: solid 3px white;
}
#fw-sidebar .fw-title a {
color:white;
text-decoration:none;
text-shadow:0 1px 1px black;
background: url(http://bk2portal.webs.com/-%20New%20Folder/content.png);
}
/* your Sidebar container Titles Ends*/

/* Footer Container */
#fw-footer {
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 0 10px 2px blue;
background: #EEE;
border:4px solid white;
margin-left: 75px;
clear:both;
width: 1100px;
text-align: center;
}

[csxkiddman]

Are the links gone completely, or, are they just not working?

CSS could have something to do with them not being visible, or possibly hovering correctly (acting like a link should act), but it can't break a link that I know of.