73 users online (0 members and 73 guests)  



Thread: CSS Problems


  Results 1 to 4 of 4
Digg button stumble

Related

  1. old problems    Forum: HTML Forum
    Replies: 4
  2. Div Tag Problems    Forum: HTML Forum
    Replies: 0
  3. 5 CJ Problems    Forum: Affiliate Marketing and Reseller Programs
    Replies: 4
  4. ftp problems    Forum: HTML Forum
    Replies: 6
  1. #1
    Ashman's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2011
    Posts
    1

    CSS Problems

    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;
    }
    Last edited by HTML; 11-17-2011 at 12:11 PM.



  2. #2
    yoursitessuccess's Avatar
    New User

    Status
    Offline
    Join Date
    May 2012
    Location
    Queensland
    Posts
    8

    Re: CSS Problems

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

  3. #3
    RF2OOO's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Aug 2010
    Posts
    30

    Re: CSS Problems

    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".

    Code:
    #fw-head h2 {
    display:none;
    }
    Here is the code with that line removed which should work.

    Code:
    /* ------------ 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;
    }

  4. #4
    csxkiddman's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2008
    Posts
    11

    Re: CSS Problems

    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.



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •