SourceTec Software

It is currently Thu Apr 24, 2014 2:00 am

All times are UTC + 8 hours




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Scrolling Problem
PostPosted: Thu Jul 03, 2008 11:37 pm 
Offline
Member

Joined: Thu Jul 03, 2008 11:31 pm
Posts: 2
I am currently using FF3 and IE7 as browsers. I have created a simple Text only scroller in the app and published it with the proper code being placed into the HTML code of the document. However when the page loads in either FF or IE the scroller scrolls once and stops dead in it's tracks. I have the options set to Loop Continuously. Any ideas?

If you would like to see this, goto http://texasnetburners.com


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jul 04, 2008 1:07 pm 
Offline
Support Team
Support Team
User avatar

Joined: Thu Aug 01, 2002 5:59 pm
Posts: 1808
It is caused by your CSS file.

Please change the following of your css file:

TABLE.moduletable TD {
PADDING-LEFT: 10px; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Tahoma, Verdana, Arial
}

into

.moduletableTD {
PADDING-LEFT: 10px; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Tahoma, Verdana, Arial
}

Accordingly, change the html of your page from:

<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>

into

<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=moduletableTD >


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jul 04, 2008 10:37 pm 
Offline
Member

Joined: Thu Jul 03, 2008 11:31 pm
Posts: 2
Unfortunately I do not see what you see. Joomla uses modules, components and bots and areas to place them in. The scroller is located within user2 area.

Here is the CSS code:
Code:
/*
* CSS Style for "Basketball Maniac" Theme
* @author ZulloP
* @url http://eshop.webrevolution.org
* @email eshop@webrevolution.org
*/



body {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #ffffff;
}
a:link, a:visited {
   font-size: 12px;
   color: #fd0000;
   text-decoration: none;
}

a:hover {
   color: #EB5A01;   text-decoration: underline;
}
ul {
   float: left;
   margin: 0px;
   padding-top: 5px;
   padding-left: 20px;
   padding-bottom: 10px;
}
.small {
   font-size: 10px;
   color: #999999;
}
.createdate {
   font-size: 10px;
   color: #999999;
}
.readon {
   background-image: url(../images/read_bg.gif);
   background-repeat: no-repeat;
   background-position: 1px 2px;
   padding-left: 15px;
}
.modifydate {
   font-size: 10px;
   color: #999999;
   padding-top: 15px;
}
.contentpagetitle {
   font-size: 16px;
   color: #fd0000;
}
.contentheading {
   font-size: 16px;
   color: #fd0000;
}
.contentheading a:link, .contentheading a:visited {
   font-size: 16px;
   color: #fd0000;
   text-decoration: none;
}
.contentheading a:hover {
   text-decoration: underline;
}
.sectiontableheader {
   background-color : #000000;
   background-repeat: repeat;
   padding: 2px;
   color : #FFFFFF;
   font-weight : bold;
}
.sectiontableentry2 {
   background-color : #e4e4e4;
}
.adminform textarea {
   width: 500px!important;
}

.adminform textarea.inputbox {
   width: 500px!important;
}
#body_bg {
   background-color: #525252;
}
#left {
   width: 183px;
}
#footer {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #FFFFFF;
   text-align: right;
   padding-right: 20px;
   line-height: 32px;
}
#main {
   margin-left: 20px;
   margin-right: 20px;
}
#user2 {
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 15px;
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #CCCCCC;
}
#user2 table.moduletable {
   margin-bottom: 0px;
   width: 100%;
}
#user2 table.moduletable th {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #666666;
   font-weight: bold;
   background-image: url(../images/newsflash_bg.gif);
   background-repeat: no-repeat;
   background-position: 1px 3px;
   line-height: normal;
   height: 0px;
   padding-left: 15px;
}
#user2 table.moduletable td {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #666666;
   padding-left: 0px;
}
#user_bottom {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 15px;
   border-top-width: 1px;
   border-top-style: dashed;
   border-top-color: #CCCCCC;
}
#user3 table.moduletable {
   margin-top: 0px;
   width: 100%;
}
#user3 table.moduletable th {
   background-image: url(../images/latest_bg.gif);
   background-repeat: no-repeat;
   background-position: 1px 21px;
   font-family: Tahoma, Verdana, Arial;
   font-size: 16px;
   color: #666666;
   font-weight: normal;
   line-height: normal;
   height: 0px;
   padding-left: 15px;
   padding-top: 15px;
}
#user3 table.moduletable td {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #666666;
   padding-left: 0px;
}
#user4 table.moduletable {
   margin-top: 0px;
   width: 100%;
}
#user4 table.moduletable th {
   background-image: url(../images/popular_bg.gif);
   background-repeat: no-repeat;
   background-position: 1px 20px;
   font-family: Tahoma, Verdana, Arial;
   font-size: 16px;
   color: #666666;
   font-weight: normal;
   line-height: normal;
   height: 0px;
   padding-left: 15px;
   padding-top: 15px;
}
#user4 table.moduletable td {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #666666;
   padding-left: 0px;
}
.inputbox_search {
   font-family: Tahoma, Verdana;
   font-size: 11px;
   color: #999999;
   width: 150px;
   border: 1px solid #CCCCCC;
   margin-left: 15px;
   margin-bottom: 15px;
}
table.moduletable {
   width: 185px;
   margin-bottom: 15px;
}
table.moduletable th {
   font-family: Tahoma, Verdana, Arial;
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   text-align: left;
   background-image: url(../images/menu_bg.gif);
   background-repeat: no-repeat;
   width: 135px;
   height: 35px;
   padding-left: 35px;
   line-height: 25px;
}
table.moduletable td {
   font-family: Tahoma, Verdana, Arial;
   font-size: 12px;

   color: #666666;
   padding-left: 10px;
}
.moduletable a:link, .moduletable a:visited {
   font-family: Tahoma, Verdana, Arial;
   color: #fd0000;
   text-decoration: none;
}
.moduletable a:hover {
   color: #fd0000;
   text-decoration: underline;
}   
a.mainlevel:link, a.mainlevel:visited {
   display: block;
   height: 15px;
   width: 149px;
   font-family: Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 11px;
   letter-spacing: 1px;
   text-decoration:none;
   color: #acacac;
   text-align: left;
}
a.mainlevel:hover {
   display: block;
   height: 15px;
   width: 149px;
   color: #fd0000;   
   text-decoration:none;
}   
a.sublevel:link, a.sublevel:visited {
   font-size: 11px;
   display: block;
   height: 15px;
   width: 139px;
   font-family: Tahoma, Verdana, Arial;
   font-weight: bold;
   text-decoration:none;
   color: #acacac;
   text-align: left;
   text-indent: 8px;
}
a.sublevel:hover {
   display: block;
   height: 15px;
   width: 139px;
   color: #fd0000;
   text-decoration:none;
}
#active_menu {
   display: block;
   color: #fd0000;
   height: 15px;
   width: 149px;
}
#active_menu.sublevel {
   color: #fd0000;
   display: block;
   height: 15px;
   width: 139px;
}
.wrap_top {
   background-image: url(../images/wrap_top.gif);
   background-repeat: no-repeat;
   height: 17px;
   width: 765px;
}
.wrap_bg {
   background-image: url(../images/wrap_bg.gif);
   height: 300px;
}
.wrap_bottom {
   background-image: url(../images/wrap_bottom.gif);
   background-repeat: no-repeat;
   height: 17px;
   width: 765px;
}
.header {
   background-image: url(../images/header.jpg);
   background-repeat: no-repeat;
   height: 119px;
   width: 735px;
}
.header_space {
   background-image: url(../images/header_space.gif);
   background-repeat: no-repeat;
   height: 13px;
   width: 735px;
}
.content_top {
   background-image: url(../images/content_top_rounded.gif);
   background-repeat: no-repeat;
   height: 16px;
   width: 735px;
}
.content_bg {
   background-image: url(../images/content_bg.gif);
   background-repeat: repeat-y;
   width: 735px;   
}
.content_bottom {
   background-image: url(../images/content_bottom_rounded.gif);
   background-repeat: no-repeat;
   height: 16px;
   width: 735px;   
}
.content_space {
   background-image: url(../images/content_space.gif);
   background-repeat: no-repeat;
   height: 15px;
   width: 735px;   
}
.footer_top {
   background-image: url(../images/footer_top_rounded.gif);
   background-repeat: no-repeat;   
   height: 6px;
   width: 735px;   
}
.footer_bg {
   background-image: url(../images/footer_bg.gif);
   background-repeat: no-repeat;
   height: 34px;
   width: 735px;   
}
.footer_bottom {
   background-image: url(../images/footer_bottom_rounded.gif);
   background-repeat: no-repeat;
   height: 6px;
   width: 735px;   
}


And here is the HTML Code:
Code:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<?php if ( $my->id ) { initEditor(); } ?>

<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />

<?php mosShowHead(); ?>

<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>

<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />

<link href="css/template_css.css" rel="stylesheet" type="text/css" />

</head>

<body id="body_bg">

<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" id="wrapper">

  <tr>

    <td class="wrap_top"></td>

  </tr>

  <tr>

    <td valign="top" class="wrap_bg"><table width="735" border="0" align="center" cellpadding="0" cellspacing="0" id="maintable">

      <tr>

        <td valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

          <tr>

            <td valign="top" class="header"></td>

          </tr>

          <tr>

            <td valign="top" class="header_space"><img src="images/spacer.gif" width="1" height="1" alt=""/></td>

          </tr>

          <tr>

            <td valign="top" class="content_top"></td>

          </tr>

          <tr>

            <td valign="top" class="content_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td valign="top"><div id="left">

                    <?php mosLoadModules ( 'left' ); ?>

                  </div>

                </td>

            <td width="100%" valign="top">

            <?php if (mosCountModules('user2') > 0) { ?>

            <div id="user2">

                  <?php mosLoadModules ( 'user2' ); ?>

                </div>

            <?php } ?>

                  <div id="main">

                    <?php mosMainBody(); ?>

                  </div>

              <?php if (mosCountModules('user3') || mosCountModules('user4')) { ?>

                  <div id="user_bottom">

                    <table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td><div id="user3">

                          <?php mosLoadModules ( 'user3' ); ?>

                        </div></td>

                        <td><div id="user4">

                          <?php mosLoadModules ( 'user4' ); ?>

                        </div></td>

                      </tr>

                    </table>

                  </div>

              <?php } ?>

              </td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td valign="top" class="content_bottom"></td>

          </tr>

          <tr>

            <td valign="top" class="content_space"><img src="images/spacer.gif" width="1" height="1" alt="" /></td>

          </tr>

          <tr>

            <td valign="top" class="footer_top"></td>

          </tr>

          <tr>

            <td valign="top" class="footer_bg"><div id="footer">Copyright &copy; Criterion Graphics. All rights reserved. </div></td>

          </tr>

          <tr>

            <td valign="top" class="footer_bottom"></td>

          </tr>

        </table></td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td class="wrap_bottom"></td>

  </tr>

</table>

</body>

</html>


If you could point out where in these I need to make those changes specifically it would be most appriciated. Thank you


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jul 05, 2008 9:53 am 
Offline
Support Team
Support Team
User avatar

Joined: Thu Aug 01, 2002 5:59 pm
Posts: 1808
For the CSS file, please do the following three changes:

1. Change

#user2 table.moduletable td {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #666666;
padding-left: 0px;
}

to

#user2 .moduletabletd {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #666666;
padding-left: 0px;
}

2. Change
table.moduletable td {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;

color: #666666;
padding-left: 10px;
}

to

.moduletabletd {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;

color: #666666;
padding-left: 10px;
}

3. table.moduletable td should be defined before #user2 table.moduletable td.
All table.moduletable th, table.moduletable, etc. should be defined before all #user"n" table.moduletable.

For the HTML page, please send us the template page including the scroller to have a further check.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC + 8 hours


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group