I have a strange CS...
 
Notifications
Clear all

I have a strange CSS problem

4 Posts
3 Users
0 Reactions
1,327 Views
(@itanshi)
Posts: 381
Reputable Member
Topic starter
 

I know its not an efiction problem, but I can't say its specifically a skin problem. I'm not inclined to think its a server problem, but well.

http://fanforge.net/viewuser.php?uid=1

The mod breaks because there is no css. The css is in http://fanforge.net/skins/default2/style.css at the bottom. It looks like the code is being ignored. I had found code problems with it, I fixed them, but it did not change anything.

extra_header

<?
// 1.) If the current page is a user page, insert user.css into the header.
if ($current =="viewuser" || $current =="editbio" || $current =="newaccount" || $current=="user" || $current =="members" || $current=="authors" || $current =="manfavs" || $current=="stats") {
echo "<link rel="stylesheet" type="text/css" href=""skins/default2/user.css"" />";
}

// 2.) If the current page is a page where story info is displayed, insert story.css into the header.
if ($current =="viewstory" || $current =="categories" || $current =="recent" || $current =="series" || $current =="challenges" || $current =="featured" || $current =="tens" || $current =="titles" || $current =="stories" || $current =="searchresults"|| $current =="browse" || $current =="tensresults" || $current =="favst") {
echo "<link rel="stylesheet" type="text/css" href=""skins/default2/story.css"" />";
}

// 3.)  If the current page is the index, view reviews, or news pages, insert main.css into the header.
if ($current =="home" || $current=="news" || $current =="reviews" || $current =="revres" || $current =="viewreviews") {
echo "<link rel="stylesheet" type="text/css" href=""skins/default2/main.css"" />";
}

// 5.) Finally, if the page is an admin area page, insert all available css files into the header.
// (Note: We don't bother calling story.css here because it's already imported into user.css)
if ($current =="adminarea") {
echo "<link rel="stylesheet" type="text/css" href=""skins/default2/main.css"" />
<link rel="stylesheet" type="text/css" href=""skins/default2/user.css"" />
<link rel="stylesheet" type="text/css" href=""skins/default2/admin.css"" />";}
?>

<script type="text/javascript" src=""ddtabmenu.js"></script>"
<script type="text/javascript" src=""tabber.js"></script>"

<script type="text/javascript">
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu #1 with 1st tab selected
ddtabmenu.definemenu("ddtabs2", 1) //initialize Tab Menu #2 with 2nd tab selected
ddtabmenu.definemenu("ddtabs3", 0) //initialize Tab Menu #3 with 2nd tab selected
ddtabmenu.definemenu("ddtabs4", 2) //initialize Tab Menu #4 with 3rd tab selected
//ddtabmenu.definemenu("ddtabs5", 0) //initialize Tab Menu #5 with 1st tab selected

</script>
<style type="text/css" media="screen, projection">
@import "/skins/default2/TJK_keyBoardDropDown.css";
@import "/skins/default2/bookmark/bookmark_icons.css";
/**//*/
@import "/skins/default2/TJK_keyboardDropDown_ie5Mac.css";
/**/
</style>
<script type="text/javascript" src=""/skins/default2/TJK_keyBoardDropDown.js"></script>"
<!--[if lt IE 7]>
<noscript>
<style type="text/css" media="screen">
@import "/skins/default2/TJK_keyboardDropDownJSoff.css";
</style>
</noscript>
<![endif]-->
<!--[if IE 5.5000]>
<style type="text/css" media="screen">
@import "/skins/default2/TJK_keyboardDropDown_ie5-5.css";
</style>
<![endif]-->
<!--[if IE 5]>
<style type="text/css" media="screen">
@import "/skins/default2/TJK_keyboardDropDown_ie5.css";
</style>
<![endif]-->
<!-- START BLOCK : profile -->
{adminoptions} {add2fav} {reportthis}
<div class="tabber">
    <div class="tabbertab">
  <h2>User Profile</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td class="sectioncontent" valign="top" align="center" width="110" rowspan="4">
<div id="profile"><div id="bio"><div id="biocontent"><a href="" http://fanforge.net/user.php?action=manageimages">{image}</a> ;"
<div align=left>{gender}</div></div></div></div>
  </td>
  <td class="sectionlinked">
<div id="profile"><div id="bio"><div id="biotitle"><b>Alias:</b> {userpenname}</div></div></div>
  </td>
  <td class="sectionlinked">
<div id="profile"><div id="bio"><div id="biotitle"><b>Beta Reader:</b> {betareader}</div></div></div>
  </td>
</tr>
<tr>
  <td class="sectionlinked" colspan="2">
<div id="profile"><div id="bio"><div id="biocontent"><b>User Level:</b> {userlevel}</div></div></div>
  </td>
</tr>
<tr>
  <td class="sectionlinked">
<div id="profile"><div id="bio"><div id="biocontent"><b>Member since:</b> {membersince}</div></div></div>
  </td>
  <td class="sectionlinked">
<div id="profile"><div id="bio"><div id="biotitle"><b>Last logged in:</b> {lastlog}</div></div></div>
  </td>
</tr>
<tr>
  <td colspan="2">
<div id="profile"><div id="bio"><div id="biocontent"><b>Skin:</b> {userskin}</div></div></div>
  </td>
</tr>
</table>
    </div>
    <div class="tabbertab">
  <h2>Author Biography</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td class="sectioncontent" valign="top" align="center" width="110">
<div id="profile"><div id="bio"><div id="biocontent"><a href="" http://fanforge.net/user.php?action=manageimages">{image}</a> ;"
<div align=left>{gender}</div></div></div></div>
  </td>
  <td colspan="2" class="sectioncontent" valign="top">
<div id="profile"><div id="bio"><div id="biocontent"><br />{bio}</div></div></div>
  </td>
</tr>
</table>
    </div>
    <div class="tabbertab">
  <h2>Contact Author</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td class="sectioncontent" valign="top" align="center">{contactform}</td>
</tr>
</table>
    </div>
    <div class="tabbertab">
  <h2>Miscellaneous</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td class="sectioncontent" valign="top" align="center" width="110" rowspan="5">
<div id="profile"><div id="bio"><div id="biocontent"><a href="" http://fanforge.net/user.php?action=manageimages">{image}</a> ;"
<div align=left>{gender}</div></div></div></div>
  </td>
<td valign="top">
<div id="profile"><div id="bio"><div id="biocontent">{authorfields}

</div></div></div>
  </td>
</tr>
</table>
    </div>
  </div>
<br />
<div id="profile">
 
</div>
<!-- END BLOCK : profile -->

bottom of style.css


.tabberlive .tabbertabhide {
display:none;
}

.tabberlive {
margin-top:1em;
}
ul.tabbernav {
border-bottom:1px solid #000000;
font-family:Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:3px 0pt;
}
ul.tabbernav li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
}
ul.tabbernav li a {
background:#Eee none repeat scroll 0% 50%;
border-color:#000000 rgb(0, 0, 0) -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
margin-left:3px;
padding:3px 0.5em;
text-decoration:none;
}
ul.tabbernav li a:link {
color:#494949;
}
ul.tabbernav li a:visited {
color:#000;
}
ul.tabbernav li a:hover {
background:#fff none repeat scroll 0% 50%;
border-color:#000;
color:#000;
}
ul.tabbernav li.tabberactive a {
background-color:#eee;
border-bottom:1px solid #eee;
font-weight:bold;
}
ul.tabbernav li.tabberactive a:hover {
background: none repeat scroll 0% 50%;
border-bottom:1px solid #eee;
color:#000;
}
.tabberlive .tabbertab {
background: none repeat scroll 0% 50%;
border-color:-moz-use-text-color #000 rgb(0, 0, 0);
border-style:none solid solid;
border-width:0pt 1px 1px;
padding:5px;
}
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
#tab1.tabberlive {
}
#tab2.tabberlive {
}
#tab2.tabberlive .tabbertab {
height:200px;
overflow:auto;
}
#sbHome, #sbAdd, #sbCat, #sbBrowse, #sbAcc, #sbPro, #sbFav, #sbHelp{
padding-top:4px;
}
#sbSearch {
padding-bottom:2px;
padding-top:2px;
}
}

I am rebuilding efiction! Join us on irc! #efiction at www.mibbit.com Instructions for irc πŸ˜€ Alpha released!

 
Posted : 14/04/2009 6:32 pm
(@carissa)
Posts: 791
Member Moderator
 

The CSS is pointing to the wrong selectors. You're going to need to customize it to your html.

For example the CSS has

ul.tabbernav li {..}

This would apply styles to the li tags in a ul tag with a class of tabbernav. However, you don't have any ul or li tags in use.


 
Posted : 14/04/2009 7:17 pm
(@tammy)
Posts: 2577
Member Moderator
 

It's not the CSS.  Your tab javascript is broken.


TK_LI[k].firstChild.onfocus=reveal;

FF says this is null.  Also


var menuitems=document.getElementById(tabid).getElementsByTagName("a")

 
Posted : 14/04/2009 8:36 pm
(@itanshi)
Posts: 381
Reputable Member
Topic starter
 

Tammy, I saw that, but I think that's for the navigation code. I'm not sure what it means, I'm afraid. I see the differences now in css and the profile, I wonder if the profile code is out of date.


I am rebuilding efiction! Join us on irc! #efiction at www.mibbit.com Instructions for irc πŸ˜€ Alpha released!

 
Posted : 15/04/2009 3:05 am
Share: