test
Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • ukfraternite Friend
    #139610

    Hello,

    I was trying to follow instructions given on the bellow article about inserting a banner on the header.

    <blockquote>Best Answer Posted by JA Developer

    Please open index.php file, at about line 92, find following code:

    PHP Code:
    <div id=”ja-header” class=”clearfix”>

    and change to:

    PHP Code:
    <div id=”ja-header” class=”clearfix”>
    <?php if($this->countModules(‘banner_top’)) : ?>
    <div id=”banner_top”>
    <jdoc:include type=”modules” name=”banner_top” />
    </div>
    <?php endif; ?>
    In Administrator, go to Extensions -> Module manager to create a banner module, select banner_top position for this module.

    – Open template.css file in templates/ja_teline_ii/css folder, at the end of file, add following code:

    Code:
    #banner_top {
    width: 100%;
    float: left;
    }
    Hope it helps.</blockquote>

    But it did not work as I expected and I did not like it. So I decided to delete the changes I have inserted. Then, it just gave me this type of header.

    imagineguinee.com

    Please help.

    ukfraternite Friend
    #298291

    this is the php

    [PHP]<?php
    /*————————————————————————
    # JA Teline II for joomla 1.5 – Version 1.6 – Licence Owner JA117151
    # ————————————————————————
    # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    # @license – Copyrighted Commercial Software
    # Author: J.O.O.M Solutions Co., Ltd
    # Websites: http://www.joomlart.comhttp://www.joomlancers.com
    # This file may not be redistributed in whole or significant part.
    ————————————————————————-*/

    // no direct access
    defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );

    include_once (dirname(__FILE__).DS.’ja_vars_1.5.php’);

    ?>

    <!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” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>

    <head>
    <jdoc:include type=”head” />
    <?php JHTML::_(‘behavior.mootools’); ?>

    <link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css” type=”text/css” />
    <link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css” type=”text/css” />
    <link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/editor.css” type=”text/css” />

    <link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/highslide/highslide.css” type=”text/css” />
    <link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
    <link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/typo.css” type=”text/css” />
    <link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/ja.news.css” type=”text/css” />
    <link href=”<?php echo $tmpTools->templateurl(); ?>/mootabs/mootabs1.2.css” rel=”stylesheet” type=”text/css” />
    <script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js”></script>

    <script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/highslide/swfobject.js”></script>
    <script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/highslide/highslide-full.js”></script>

    <!– Menu head –>
    <?php $jamenu->genMenuHead(); ?>

    <link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/theme<?php echo $tmpTools->getThemeForSection(); ?>.css” rel=”stylesheet” type=”text/css” />

    <!–>
    <style type=”text/css”>
    .clearfix {height: 1%;}
    img {border: none;}
    </style>
    <!–>

    <!–>
    <style type=”text/css”>
    .clearfix {display: inline-block;}
    </style>
    <!–>

    <?php if ($tmpTools->isIE6()) { ?>
    <!–>
    <script type=”text/javascript”>
    var siteurl = ‘<?php echo $tmpTools->baseurl();?>’;
    </script>
    <!–>
    <?php } ?>

    <script type=”text/javascript”>
    hs.graphicsDir = ‘<?php echo $tmpTools->templateurl(); ?>/highslide/graphics/’;
    hs.showCredits = true; // you can set this to false if you want
    hs.creditsText = ‘Powered by JA Highslide’;
    hs.creditsHref = ‘http://joomlart.com/’;
    hs.creditsTitle =’Go to the Highslide JA homepage’;
    </script>

    </head>

    <body id=”bd” class=”<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>” >
    <a name=”Top” id=”Top”></a>
    <ul class=”accessibility”>
    <li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
    <li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav” title=”<?php echo JText::_(“Skip to main navigation”);?>”><?php echo JText::_(“Skip to main navigation”);?></a></li>
    <li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col1″ title=”<?php echo JText::_(“Skip to 1st column”);?>”><?php echo JText::_(“Skip to 1st column”);?></a></li>
    <li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col2″ title=”<?php echo JText::_(“Skip to 2nd column”);?>”><?php echo JText::_(“Skip to 2nd column”);?></a></li>
    </ul>

    <div id=”ja-wrapper”>

    <!– BEGIN: MAIN NAVIGATION –>
    <div id=”ja-mainnavwrap”>
    <div id=”ja-header” class=”clearfix”>
    <?php $jamenu->genMenu (0); ?>
    </div>
    </div>
    <?php if ($hasSubnav) { ?>
    <div id=”ja-subnavwrap”>
    <div id=”ja-subnav” class=”clearfix”>
    <?php $jamenu->genMenu (1,1); ?>
    </div>
    </div>
    <?php } ?>
    <!– END: MAIN NAVIGATION –>

    <!– BEGIN: HEADER –>
    <div id=”ja-headerwrap”>
    <div id=”ja-header” class=”clearfix”>

    <?php
    $siteName = $tmpTools->sitename();
    if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
    <h1 class=”logo”>
    <a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
    </h1>
    <?php } else {
    $logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
    $sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
    <h1 class=”logo-text”>
    <a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>
    </h1>
    <p class=”site-slogan”><?php echo $sloganText;?></p>
    <?php } ?>

    <div id=”ja-headtools” class=”ja-headtool”>
    <div class=”ja-innerpad clearfix”>

    <ul>
    <jdoc:include type=”modules” name=”ja-login” />
    <!–module search–>
    <?php if($this->countModules(‘user4’)) : ?>
    <jdoc:include type=”modules” name=”user4″ />
    <?php endif; ?>
    </ul>

    <?php if ($tmpTools->getParam(JA_TOOL_USER)) { ?>
    <div id=”ja-usertools”>
    <strong>Text size</strong><?php $tmpTools->genToolMenu($tmpTools->getParam(JA_TOOL_USER)); ?>
    </div>
    <?php } ?>

    </div>
    </div>

    </div>
    </div>
    <!– END: HEADER –>

    <div id=”ja-containerwrap<?php echo $divid; ?>” class=”clearfix”>

    <div id=”ja-container”>
    <div id=”ja-container-inner” class=”clearfix”>

    <!– BEGIN: CONTENT –>
    <div id=”ja-content”>
    <div class=”ja-innerpad clearfix”>

    <jdoc:include type=”message” />

    <?php if(!$tmpTools->isFrontPage()) : ?>
    <div id=”ja-pathway”>
    <jdoc:include type=”module” name=”breadcrumbs” />
    </div>
    <?php endif ; ?>

    <div id=”ja-current-content”>

    <?php if(!$tmpTools->isFrontPage()) : ?>
    <jdoc:include type=”component” />
    <?php endif; ?>

    <!– BEGIN: JAZIN –>
    <?php if($tmpTools->isFrontPage()) : ?>
    <div id=”jazin-fp”>
    <jdoc:include type=”modules” name=”ja-news” style=”raw” />
    </div>
    <?php endif; ?>
    <!– END: JAZIN –>

    </div>

    <?php
    $spotlight = array (‘user8′,’user9’);
    $botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
    if( $botsl ) {
    ?>
    <!– BEGIN: BOTTOM SPOTLIGHT –>
    <div id=”ja-botsl” class=”clearfix”>

    <?php if( $this->countModules(‘user8’) ) {?>
    <div class=”ja-box<?php echo $botsl[‘user8’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user8’][‘width’]; ?>;”>
    <jdoc:include type=”modules” name=”user8″ style=”xhtml” />
    </div>
    <?php } ?>

    <?php if( $this->countModules(‘user9’) ) {?>
    <div class=”ja-box<?php echo $botsl[‘user9’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user9’][‘width’]; ?>;”>
    <jdoc:include type=”modules” name=”user9″ style=”xhtml” />
    </div>
    <?php } ?>

    </div>
    <!– END: BOTTOM SPOTLIGHT –>
    <?php } ?>

    <?php if($this->countModules(‘banner’)) : ?>
    <!– BEGIN: BANNER –>
    <div id=”ja-banner”>
    <jdoc:include type=”modules” name=”banner” />
    </div>
    <!– END: BANNER –>
    <?php endif; ?>

    </div>
    </div>
    <!– END: CONTENT –>

    <?php if ($ja_left || $ja_right || $ja_masscol) { ?>
    <!– BEGIN: COLUMNS –>
    <div id=”ja-colwrap”>

    <?php if ($ja_masscol) { ?>
    <!– BEGIN: MASSCOL –>
    <div id=”ja-colmass” class=”clearfix”>
    <div class=”ja-innerpad”>

    <jdoc:include type=”modules” name=”user5″ style=”xhtml” />

    <?php if ($this->countModules(‘user6’)) : ?>
    <script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/mootabs/mootabs1.2.js”></script>
    <script type=”text/javascript”>
    window.addEvent(‘load’, initmootabs);
    function initmootabs() {
    myTabs1 = new jamootabs(‘ja-tabs’, {
    <?php echo $ja_mootabs_options; ?>
    });
    }
    </script>
    <div id=”ja-tabswrap”>
    <div id=”ja-tabs” class=”clearfix”>
    <div class=”ja-tab-panels”>
    <jdoc:include type=”modules” name=”user6″ style=”xhtml” />
    </div>
    </div>
    </div>
    <?php endif; ?>

    <jdoc:include type=”modules” name=”user7″ style=”xhtml” />

    </div>
    </div>
    <!– END: MASSCOL –>
    <?php } ?>

    <div id=”ja-cols” class=”clearfix”>
    <?php if ($ja_left) { ?>
    <div id=”ja-col1″>
    <div class=”ja-innerpad”>
    <jdoc:include type=”modules” name=”left” style=”xhtml” />
    </div>
    </div>
    <?php } ?>

    <?php if ($ja_right) { ?>
    <div id=”ja-col2″>
    <div class=”ja-innerpad”>
    <jdoc:include type=”modules” name=”right” style=”xhtml” />
    </div>
    </div>
    <?php } ?>
    </div>

    </div><br />
    <!– END: COLUMNS –>
    <?php } ?>

    </div></div></div>

    <!– BEGIN: FOOTER –>
    <div id=”ja-footerwrap” class=”clearfix”>
    <div id=”ja-footer”>
    <jdoc:include type=”modules” name=”user3″ />
    <jdoc:include type=”modules” name=”footer” />
    <div class=”ja-cert”>
    <jdoc:include type=”modules” name=”syndicate” />
    </div>
    </div>
    </div>
    <!– END: FOOTER –>

    </div>

    <jdoc:include type=”modules” name=”debug” />

    <script type=”text/javascript”>
    addSpanToTitle();
    </script>
    </body>

    </html>[/PHP]

    This is the template.ccs
    [PHP]/*————————————————————————
    # JA Teline II for joomla 1.5 – Version 1.6 – Licence Owner JA117151
    # ————————————————————————
    # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    # @license – Copyrighted Commercial Software
    # Author: J.O.O.M Solutions Co., Ltd
    # Websites: http://www.joomlart.comhttp://www.joomlancers.com
    # This file may not be redistributed in whole or significant part.
    ————————————————————————-*/

    html, body, form, fieldset {
    margin: 0;
    padding: 0;
    }

    body {
    background: #FFFFFF;
    color: #000000;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    }

    body#bd {
    color: #333333;
    background: #FFFFFF;
    }

    body.contentpane {
    color: #000000;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    margin: 1em 2em;
    width: auto; /* Printable Page */
    }

    body.fs1 {font-size: 10px;}
    body.fs2 {font-size: 11px;}
    body.fs3 {font-size: 12px;}
    body.fs4 {font-size: 13px;}
    body.fs5 {font-size: 14px;}
    body.fs6 {font-size: 15px;}

    /* Normal link */
    a {
    color: #006699;
    text-decoration: none;
    }

    a:hover, a:active, a:focus {
    color: #CC0000;
    text-decoration: underline;
    }

    a img {
    border: none;
    }

    /* Title text */
    .contentheading, .componentheading, h1, h2, h3, h4 {
    font-family: Cambria, “Times New Roman”, Times, serif;
    line-height: 1.1;
    }

    /* Small text */
    small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
    p.site-slogan, a.readon, #ja-pathway, #ja-footer {
    font-size: 92%;
    }

    small, .small {
    color: #999999;
    }

    img {
    margin: 0;
    padding: 0;
    }

    img.caption {
    margin-top: 5px;
    }

    .img_caption {
    color: #999999;
    }

    /* Heading */
    h1 {font-size: 225%; font-weight: normal;}
    h2 {font-size: 200%; font-weight: normal;}
    h3 {font-size: 150%;}
    h4 {font-size: 125%;}

    p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    padding: 0;
    }

    ul {
    list-style: none;
    }

    ul li {
    background: url(../images/bullet.gif) no-repeat 18px 7px;
    line-height: 160%;
    padding-left: 30px;
    }

    ul li.row1 {
    display:block;
    float:left;
    }

    ul li.row2 {
    display:block;
    float:left;
    }

    ol li {
    line-height: 180%;
    margin-left: 35px;
    }

    th {
    font-weight: bold;
    padding: 5px;
    text-align: left;
    }

    fieldset {
    border: none;
    padding: 10px 5px;
    }

    fieldset a {
    font-weight: bold;
    }

    fieldset.input {
    padding: 0;
    }

    hr {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #CCCCCC;
    height: 1px;
    }

    td, div {
    font-size: 100%;
    }

    /* FORM
    ——————————————————— */
    form {
    margin: 0;
    padding: 0;
    }

    form label {
    cursor: pointer;
    }

    input, select, textarea, .inputbox {
    font-family: Arial, sans-serif;
    font-size: 100%;
    }

    .inputbox {
    border: 1px inset #ABABAB;
    padding: 3px 3px;
    color: #333333;
    background: #FFFFFF;
    }

    .button {
    padding: 2px 8px;
    border: 1px outset #ABABAB;
    background: #F7F7F7;
    font-size: 100%;
    font-weight: bold;
    }

    * html .button { /*IE 6*/
    padding: 2px 3px !important;
    }

    *+html .button { /*IE 7*/
    padding: 2px 3px !important;
    }

    /* JOOMLA STYLE
    ——————————————————— */
    table.blog {
    }

    .article_separator {
    clear: both;
    display: block;
    height: 30px;
    background: url(../images/dot.gif) repeat-x center;
    }

    .article_column {
    }

    .column_separator {
    padding: 0 25px;
    }

    /* content tables */
    td.sectiontableheader {
    background: #666666;
    border: 1px solid #CCCCCC;
    padding: 4px;
    }

    tr.sectiontableentry0 td,
    tr.sectiontableentry1 td,
    tr.sectiontableentry2 td {
    padding: 4px 4px 6px;
    border-bottom: 1px solid #CCCCCC;
    }

    tr.sectiontableentry0:hover td,
    tr.sectiontableentry1:hover td,
    tr.sectiontableentry2:hover td {
    background-color: #EBF2F9;
    }

    tr.sectiontableentry2 td {
    background-color: #F7F7F7;
    }

    table.contentpane {
    border: none;
    width: 100%;
    }

    table.contentpaneopen {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    }

    table.contenttoc {
    margin: 0 0 10px 10px;
    padding: 0;
    width: 35%;
    font-size: 92%;
    }

    table.contenttoc a {
    }

    table.contenttoc td {
    background: url(../images/bullet.gif) no-repeat 10px 9px;
    padding: 1px 5px 1px 20px;
    }

    table.contenttoc th {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 3px;
    text-indent: 5px;
    }

    table.poll {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    }

    table.pollstableborder {
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
    }

    table.pollstableborder img {
    vertical-align: baseline;
    }

    table.pollstableborder td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 4px !important;
    background: none;
    }

    table.pollstableborder tr.sectiontableentry1 td {
    background: #F7F7F7;
    }

    table.searchintro {
    padding: 10px 0;
    width: 100%;
    }

    table.searchintro td {
    padding: 5px!important;
    }

    table.adminform {
    }

    .adminform .inputbox {
    }

    .blog_more {
    }

    .blog_more strong {
    display: block;
    font-size: 125%;
    margin: 0 0 5px;
    }

    .blog_more ul {
    margin: 0;
    padding: 0;
    }

    .blog_more ul li {
    background: url(../images/bullet.gif) no-repeat 6px 10px;
    margin: 0;
    padding: 0 0 0 17px;
    }

    .category {
    font-size: 125%;
    font-weight: bold;
    }

    h1.componentheading, .componentheading {
    margin: 0 0 10px;
    padding: 0 0 5px;
    }

    .componentheading {
    font-size: 250%;
    font-weight: normal;
    border-bottom: 5px solid #ABABAB;
    }

    .contentdescription {
    display: block;
    padding: 10px;
    margin: 10px 0;
    font-family: Cambria, “Times New Roman”, Times, serif;
    font-size: 125%;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background: #F7F7F7;
    font-style: italic;
    }

    h2.contentheading, .contentheading {
    margin: 0;
    padding: 0 8px 0 0;
    }

    .contentheading {
    font-size: 250%;
    }

    table.blog .contentheading {
    font-size: 185%;
    }

    a.contentpagetitle,
    a.contentpagetitle:hover,
    a.contentpagetitle:active,
    a.contentpagetitle:focus {
    }

    a.readon {
    display: block;
    float: left;
    text-align: center;
    clear: both;
    padding: 0 5px;
    text-transform: lowercase;
    background: #666666;
    color: #FFFFFF;
    }

    a.readon:hover, a.readon:active, a.readon:focus {
    background: #006699;
    color: #FFFFFF;
    text-decoration: none;
    }

    table.contentpaneopen td, table.contentpane td {
    }

    table.contentpaneopen, table.contentpane, table.blog {
    width: 100%;
    }

    .moduletable {
    padding: 0;
    }

    ul.pagination {
    margin: 15px auto 0;
    padding: 0;
    }

    ul.pagination li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
    }

    ul.pagination li span{
    padding: 2px 5px;
    }

    ul.pagination a {
    padding: 2px 3px;
    }

    ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    }

    .pagenavbar {
    background: url(../images/icon-pages.gif) no-repeat center left;
    font-weight: bold;
    padding-left: 14px;
    }

    .pagenavcounter {
    background: url(../images/icon-pages.gif) no-repeat 0 11px;
    font-weight: bold;
    padding: 8px 14px 0 14px;
    }

    .sectiontableheader {
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px 5px;
    }

    .sectiontableheader a {
    color: #FFFFFF;
    }

    tr.sectiontableentry1 td {
    padding: 8px 5px;
    }

    tr.sectiontableentry2 td {
    padding: 8px 5px;
    }

    tr.sectiontableentry1:hover td,
    tr.sectiontableentry2:hover td {
    }

    .smalldark {
    text-align: left;
    }

    div.syndicate div {
    text-align: center;
    }

    .pollstableborder tr.sectiontableentry1 td,
    .pollstableborder tr.sectiontableentry2 td {
    background: none;
    }

    /* META
    ——————————————————— */
    .article-tools {
    display: block;
    margin: 0 0 10px;
    width: 100%;
    clear: both;
    color: #ABABAB;
    position: relative;
    }

    .article-meta {
    padding: 0;
    width: 70%;
    float: left;
    text-transform: uppercase;
    }

    .article-section, .article-category {
    color: #999999;
    font-size: 92%;
    text-transform: uppercase;
    }

    .createby {
    padding: 3px 5px 3px 5px;
    text-transform: uppercase;
    }

    .createdate {
    padding: 3px 5px 3px 0;
    background: url(../images/vline.gif) no-repeat right;
    }

    .modifydate {
    text-transform: uppercase;
    color: #ABABAB;
    }

    div.buttonheading {
    position: absolute;
    top: -25px;
    right: 0;
    width: 62px;
    padding: 3px;
    }

    .buttonheading img {
    margin: 0 5px 0 0;
    border: 0;
    float: right;
    }

    /* MAIN LAYOUT DIVS
    ——————————————————— */
    #ja-wrapper {
    padding: 0;
    }

    #ja-header,
    #ja-mainnav,
    #ja-subnav,
    #ja-container,
    #ja-footer {
    width: 970px;
    margin: 0 auto;
    clear: both;
    }

    .auto #ja-header,
    .auto #ja-mainnav,
    .auto #ja-subnav,
    .auto #ja-container,
    .auto #ja-footer {
    width: 98%;
    }

    #ja-container {
    background: url(../images/vline.gif) repeat-y 65% 0;
    }

    #ja-container-inner {
    background: url(../images/vline.gif) repeat-y 83% 0;
    }

    /* PRIMARY COLUMN
    ——————————————————— */
    #ja-content {
    clear: both;
    display: block;
    float: left;
    width: 65%;
    }

    #ja-content div.ja-innerpad {
    padding: 0 15px 0 0;
    }

    /* COLUMNS
    ——————————————————— */
    #ja-colwrap {
    float: right;
    overflow: hidden;
    width: 34.9%;
    }

    #ja-colmass, ja-cols {
    clear: both;
    width: 100%;
    }

    /*masstop*/
    #ja-colmass {
    background: #FFFFFF;
    }

    #ja-colmass div.ja-innerpad {
    padding: 0 0 0 10px;
    background: #FFFFFF;
    }

    /*columns*/
    #ja-col1 {
    float: left;
    overflow: hidden;
    width: 50%;
    clear: both;
    }

    #ja-col1 div.ja-innerpad {
    padding: 0 8px 0 10px;
    }

    #ja-col2 div.ja-innerpad {
    padding: 0 0 0 15px;
    }

    #ja-col2 {
    float: right;
    overflow: hidden;
    width: 49.9%;
    }

    /*common style for column*/
    #ja-colwrap a {
    }

    #ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {
    }

    #ja-colwrap table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    #ja-colwrap .article_separator {
    display: none;
    }

    /* COLLAPSIBLE LAYOUT
    ——————————————————— */
    #ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-cm, #ja-containerwrap-f, #ja-containerwrap-m {
    margin: 20px 0;
    clear: both;
    }

    /* full */
    #ja-containerwrap-f #ja-container , #ja-containerwrap-f #ja-container-inner {
    background: #FFFFFF;
    }

    #ja-containerwrap-f #ja-content {
    width: 100%;
    }

    /* content + col + mass */
    #ja-containerwrap-cm #ja-container {
    background: url(../images/hline.gif) repeat-y 65% 0;
    }

    #ja-containerwrap-cm #ja-container-inner {
    background: none;
    }

    #ja-containerwrap-cm #ja-col1,
    #ja-containerwrap-cm #ja-col2 {
    width: 100%;
    }

    /* content + col */
    #ja-containerwrap-c #ja-container {
    background: url(../images/hline.gif) repeat-y 83% 0;
    }

    #ja-containerwrap-c #ja-container-inner {
    background: none;
    }

    #ja-containerwrap-c #ja-content {
    width: 82%;
    }

    #ja-containerwrap-c #ja-colwrap {
    width: 17%;
    }

    #ja-containerwrap-c #ja-col1,
    #ja-containerwrap-c #ja-col2 {
    width: 100%;
    }

    /* content + mass */
    #ja-containerwrap-m #ja-container {
    background: url(../images/hline.gif) repeat-y 65% 0;
    }

    #ja-containerwrap-m #ja-container-inner {
    background: none;
    }

    /* MODULE
    ——————————————————— */
    div.moduletable h3,
    div.moduletable_menu h3,
    div.moduletable_text h3,
    div.moduletable_hilite h3 {
    margin: 0 0 5px;
    padding: 5px 0;
    font-size: 125%;
    }

    div.moduletable,
    div.moduletable_menu,
    div.moduletable_text,
    div.moduletable_hilite {
    border-top: 5px solid #ABABAB;
    margin: 0 0 20px;
    padding: 0 1px;
    }

    /*colmass module */
    #ja-colmass div.moduletable {
    border: 1px solid #CCCCCC;
    padding: 0 10px 10px;
    background: #F7F7F7;
    }

    #ja-colmass div.moduletable h3 {
    border-bottom: 1px solid #DDDDDD;
    margin: 0 -10px 10px;
    padding: 5px 10px;
    color: #006699;
    background: #FFFFFF;
    }

    /*botsl module */
    #ja-botsl div.moduletable {
    border: 1px solid #CCCCCC;
    padding: 0 10px 10px;
    background: #F7F7F7;
    }

    #ja-botsl div.moduletable h3 {
    border-bottom: 1px solid #DDDDDD;
    margin: 0 -10px 10px;
    padding: 5px 10px;
    color: #006699;
    background: #FFFFFF;
    }

    /*media module */
    #ja-colmass div.moduletable_media {
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #ABABAB;
    }

    #ja-colmass div.moduletable_media h3 {
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 5px 10px;
    color: #006699;
    font-size: 125%;
    background: url(../images/icon-video.gif) no-repeat 95% 50%;
    }

    /* mis */
    div.banneritem_text {
    padding: 5px 0 !important;
    }

    div.advs {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    }

    div.moduletable ul,
    div.moduletable_text ul,
    div.moduletable_menu ul,
    div.moduletable_hilte ul {
    margin: 0;
    padding: 0;
    }

    div.moduletable li,
    div.moduletable_text li,
    div.moduletable_menu li,
    div.moduletable_hilite li {
    background: url(../images/bullet.gif) no-repeat 5px 8px;
    margin: 0;
    padding-left: 16px;
    }

    div.moduletable h3 span,
    div.moduletable_menu h3 span,
    div.moduletable_text h3 span,
    div.moduletable_hilite h3 span {
    color: #A0522D;
    }

    /* HEADER
    ——————————————————— */
    #ja-headerwrap {
    }

    #ja-header {
    height:109px;
    line-height: normal;
    position: relative;
    }

    h1.logo, h1.logo-text {
    margin: 0;
    padding: 0;
    font-size: 300%;
    }

    h1.logo a {

    width:622px;
    display: block;
    background: url(../images/logo.gif) no-repeat;
    position: absolute;
    float:left;
    height:109px;
    margin-top:0px;
    margin-bottom:0px;

    }

    h1.logo a span {
    position: absolute;
    top: -100px;
    }

    h1.logo-text a {
    outline: none;
    position: absolute;
    top: 15px;
    left: 5px;
    letter-spacing: 1px;
    font-weight: bold;
    }

    p.site-slogan {
    margin: 0;
    padding: 1px;
    color: #999999;
    position: absolute;
    top: 0px;
    left: 15px;
    letter-spacing: 1px;
    }

    /*Head Tools*/
    #ja-headtools {
    top: 25px;
    right: 0;
    position: absolute;
    border: 1px solid #FFFFFF;
    }

    #ja-headtools:hover,
    #ja-headtools.hover {
    border: 1px solid #CCCCCC;
    background: #F7F7F7;
    }

    #ja-headtools .ja-innerpad {
    position: relative;
    padding: 5px;
    float: left;
    }

    #ja-headtools ul {
    margin: 0;
    padding: 3px 0 0;
    float: left;
    white-space: nowrap;
    }

    #ja-headtools li {
    margin: 0;
    padding: 0 8px;
    display: inline;
    background: url(../images/vline.gif) no-repeat right center;
    line-height: normal;
    }

    #ja-headtools li a {
    }

    /* MAIN NAVIGATION
    ——————————————————— */
    #ja-mainnavwrap {
    border-bottom: 5px solid #666666;
    }

    #ja-mainnav {
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background: #FFFFFF;
    }

    #ja-mainnav a, #ja-subnav a {
    outline: none;
    }

    #ja-subnavwrap {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    background: #F7F7F7;
    }

    #ja-subnav {
    }

    #ja-subnav ul {
    margin: 0;
    padding: 0;
    }

    #ja-subnav li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
    }

    #ja-subnav li a {
    display: block;
    float: left;
    padding: 5px 10px 3px;
    background: url(../images/vline.gif) no-repeat left center;
    color: #333333;
    }

    #ja-subnav li.active a,
    #ja-subnav li.active a:hover,
    #ja-subnav li.active a:active,
    #ja-subnav li.active a:focus {
    font-weight: bold;
    color: #006699;
    }

    #ja-subnav li a.first-item {
    background: none;
    }

    /* breadcrumbs */
    #ja-pathway {
    padding: 0 2px;
    }

    #ja-pathway strong {
    margin-right: 5px;
    }

    #ja-pathway a {
    }

    #ja-pathway img {
    margin: 1px 5px;
    }

    /* Default Joomla! Menu */
    ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    ul.menu li {
    background: none;
    margin: 0;
    padding: 0;
    }

    ul.menu li a {
    display: block;
    outline: none;
    padding: 4px 0 6px;
    background: url(../images/dot.gif) repeat-x bottom;
    }

    ul.menu li a:hover,
    ul.menu li a:active,
    ul.menu li a:focus {
    }

    ul.menu li.active a {
    color: #333333;
    font-weight: bold;
    }

    ul.menu li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    ul.menu li li a {
    background: url(../images/arrow.png) no-repeat 7px 9px !important;
    border: none;
    font-weight: normal !important;
    padding: 2px 0 2px 15px !important;
    }

    ul.menu li li a:hover,
    ul.menu li li a:active,
    ul.menu li li a:focus {
    color: #333333;
    }

    /* SPOTLIGHT
    ——————————————————— */
    /* Spotlight Box Style */
    .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
    float: left;
    overflow: hidden;
    }

    .ja-box-left, .ja-box-center {
    }

    /* Top spotlight */
    #ja-topsl {
    height: 240px;
    margin: 0 0 10px;
    }

    /* Bot spotlight */
    #ja-botsl {
    padding: 10px 0 20px;
    }

    #ja-botsl .ja-box-left div.moduletable {
    margin: 10px 6px 0 0;
    }

    #ja-botsl .ja-box-right div.moduletable {
    margin: 10px 0 0 6px;
    }

    #ja-botsl ul, #ja-botsl ol {
    margin: 0;
    padding: 0;
    }

    #ja-botsl ol li {
    margin: 0 0 0 20px;
    padding: 0;
    }

    #ja-botsl ul li {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../images/bullet.gif) no-repeat 5px 7px;
    }

    /* FOOTER
    ——————————————————— */
    #ja-footerwrap {
    background: #FFFFFF;
    clear: both;
    }

    #ja-footer {
    border-top: 5px solid #ABABAB;
    color: #666666;
    position: relative;
    padding: 10px 0;
    }

    #ja-footer small {
    color: #999999;
    font-size: 100%;
    }

    #ja-footer ul {
    margin: 0;
    padding: 0;
    line-height: normal;
    }

    #ja-footer li {
    display: inline;
    margin: 0;
    padding: 0 10px;
    background: url(../images/vline.gif) no-repeat center left;
    }

    #ja-footer li a {
    display: inline;
    line-height: normal;
    }

    #ja-footer li.ja-firstitem {
    background: none;
    padding-left: 0;
    }

    .ja-footurl {
    float: none;
    clear: both;
    }

    .ja-cert {
    position: absolute;
    right: 0px;
    top: 20px;
    }

    .ja-cert a {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    border: none;
    text-decoration: none;
    }

    .ja-cert a span {
    display: none;
    }

    .ja-cert a img {
    border: none;
    }

    /* MISCELLANOUS
    ———————————————————– */
    ul.accessibility {
    position: absolute;
    top: -100%;
    }

    /* Login Form */
    #ja-login {
    }

    #ja-login form {
    float: left;
    }

    #ja-login form label {
    float: left;
    }

    label.ja-login-user span,
    label.ja-login-password span {
    display: none;
    }

    #ja-login form input.button {
    float: left;
    }

    #ja-login form #mod_login_username,
    #ja-login form #mod_login_password {
    width: 100px;
    margin: 1px 8px 0 0;
    font-weight: bold;
    padding-left: 20px;
    }

    #ja-login form #mod_login_username {
    background: url(../images/icon-user.gif) no-repeat 4px 5px #FFFFFF;
    }

    #ja-login form #mod_login_password{
    background: url(../images/icon-key.gif) no-repeat 4px 5px #FFFFFF;
    }

    #ja-login form a {
    padding: 0 5px;
    text-decoration: none;
    }

    #ja-login form a:hover,
    #ja-login form a:active,
    #ja-login form a:focus {
    text-decoration: underline;
    }

    .ja-login-links {
    padding: 10px 0 0 0;
    clear: both;
    }

    /* Register Form */
    #id_highslide_signup_1 .inputbox {
    width: 200px;
    }

    /* Search */
    #ja-search .inputbox {
    width: 130px;
    background: url(../images/icon-search.gif) no-repeat 4px 5px #FFFFFF;
    padding-left: 20px;
    font-weight: bold;
    }

    #ja-search .button {
    margin-left: 5px;
    }

    /*usertool*/
    #ja-usertools {
    float: left;
    padding-top: 3px;
    }

    #ja-usertools strong {
    font-weight: normal;
    float: left;
    padding: 0 5px 2px 8px;
    display: block;
    }

    #ja-usertools ul {
    margin: 0;
    padding: 0;
    float: left;
    }

    #ja-usertools li {
    background: none;
    display: block;
    float: left;
    margin: 0;
    padding: 1px 0 0;
    }

    #ja-usertools li img:hover {
    border: 1px solid #999999;
    margin: 0;
    background: #FFFFFF;
    }

    #ja-usertools img {
    padding: 2px;
    margin: 1px;
    }

    /*others*/
    .ja-day {
    float: left;
    padding: 2px 0 0;
    }

    .ja-day span, .ja-day div {
    display: block;
    float: left;
    padding: 0 2px;
    }

    .ja-day span {
    padding: 1px 5px;
    }

    .ja-day div {
    padding: 1px 5px;
    background: #666666;
    color: #FFFFFF;
    }

    #ja-banner {
    margin: 0;
    padding-top: 15px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #CCCCCC;
    }

    div.back_button a,
    div.back_button a:hover,
    div.back_button a:active {
    display: block;
    margin: 10px 0;
    }

    .clr {
    clear: both;
    }

    .hasTip img {
    border: none;
    margin: 10px 5px 0 0;
    }

    div.ja-innerdiv {
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    }

    div.ja-innerdiv img {
    padding: 2px;
    border: 1px solid #CCCCCC;
    margin: 2px 8px 0 0;
    }

    /* JA Highslide */
    a.highslide-credits em {
    font-style: normal;
    font-size: 11px !important;
    font-weight: bold;
    }

    /* Tooltips */
    .tool-tip {
    background: #FFFFFF;
    border: 1px solid #F7F7F7;
    float: left;
    max-width: 200px;
    padding: 5px;
    }

    .tool-title {
    background: url(../../system/images/selector-arrow.png) no-repeat;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    margin-top: -15px;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 15px;
    }

    .tool-text {
    font-size: 100%;
    margin: 0;
    }

    #system-message dd.message ul,
    #system-message dd.error ul,
    #system-message dd.notice ul {
    margin: 0;
    padding: 0;
    }

    #system-message dd.message ul li,
    #system-message dd.error ul li,
    #system-message dd.notice ul li {
    background: none;
    color: #FFFFFF;
    margin: 0;
    padding: 5px;
    }

    /* System Standard Messages */
    #system-message dd.message ul {
    background: #666666;
    border: none;
    }

    /* System Error Messages */
    #system-message dd.error ul {
    background: #CC0000;
    border: none;
    }

    /* System Notice Messages */
    #system-message dd.notice ul {
    background: #666666;
    border: none;
    }

    /* Clearfix */
    .clearfix:after {
    clear: both;
    content: “.”;
    display: block;
    height: 0;
    visibility: hidden;
    }

    * html > body .clearfix {
    display: block;
    width: 100%;
    }

    * html .clearfix {
    height: 1%;
    }
    #ja-cssmenu li #menu266{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu303{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu306{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu304{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu305{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu307{background-color: #292C37; color: #ffffff;}
    #ja-cssmenu li #menu308{background-color: #292C37; color: #ffffff;}

    #ja-cssmenu li #menu265{background-color: #8F7976; color: #ffffff;}
    #ja-cssmenu li #menu298{background-color: #8F7976; color: #ffffff;}
    #ja-cssmenu li #menu299{background-color: #8F7976; color: #ffffff;}
    #ja-cssmenu li #menu300{background-color: #8F7976; color: #ffffff;}
    #ja-cssmenu li #menu301{background-color: #8F7976; color: #ffffff;}
    #ja-cssmenu li #menu302{background-color: #8F7976; color: #ffffff;}

    #ja-cssmenu li #menu197{background-color: #B52D00; color: #ffffff;}
    #ja-cssmenu li #menu198{background-color: #B52D00; color: #ffffff;}
    #ja-cssmenu li #menu199{background-color: #B52D00; color: #ffffff;}
    #ja-cssmenu li #menu200{background-color: #B52D00; color: #ffffff;}
    #ja-cssmenu li #menu201{background-color: #B52D00; color: #ffffff;}
    #ja-cssmenu li #menu284{background-color: #B52D00; color: #ffffff;}

    #ja-cssmenu li #menu181{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu270{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu186{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu187{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu268{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu183{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu184{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu269{background-color: #1A9C3F; color: #ffffff;}
    #ja-cssmenu li #menu182{background-color: #1A9C3F; color: #ffffff;}

    #ja-cssmenu li #menu176{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu177{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu180{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu296{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu178{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu297{background-color: #FF8000; color: #ffffff;}
    #ja-cssmenu li #menu179{background-color: #FF8000; color: #ffffff;}

    #ja-cssmenu li #menu166{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu167{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu168{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu169{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu170{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu288{background-color: #3CA4BE; color: #ffffff;}
    #ja-cssmenu li #menu289{background-color: #3CA4BE; color: #ffffff;}

    #ja-cssmenu li #menu171{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu172{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu173{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu174{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu281{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu282{background-color: #7EB900; color: #ffffff;}
    #ja-cssmenu li #menu283{background-color: #7EB900; color: #ffffff;}

    #ja-cssmenu li #menu159{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu162{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu280{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu278{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu276{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu277{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu163{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu275{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu279{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu161{background-color: #a40778; color: #ffffff;}
    #ja-cssmenu li #menu160{background-color: #a40778; color: #ffffff;}

    #ja-cssmenu li #menu150{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu155{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu271{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu274{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu272{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu273{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu156{background-color: #003399; color: #ffffff;}
    #ja-cssmenu li #menu154{background-color: #003399; color: #ffffff;}

    #ja-cssmenu li #menu192{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu193{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu194{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu195{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu196{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu285{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu286{background-color: #E35919; color: #ffffff;}
    #ja-cssmenu li #menu287{background-color: #E35919; color: #ffffff;}

    #ja-cssmenu li #menu267{background-color: #4D1370; color: #ffffff;}
    #ja-cssmenu li #menu309{background-color: #4D1370; color: #ffffff;}
    #ja-cssmenu li #menu310{background-color: #4D1370; color: #ffffff;}

    #ja-cssmenu li #menu202{background-color: #bababa; color: #d31d8c;}
    #ja-cssmenu li #menu205{background-color: #bababa; color: #d31d8c;}
    #ja-cssmenu li #menu204{background-color: #bababa; color: #d31d8c;}
    #ja-cssmenu li #menu321{background-color: #bababa; color: #d31d8c;}
    #ja-cssmenu li #menu263{background-color: #bababa; color: #d31d8c;}

    #ja-cssmenu li #menu319{background-color: #D7140E; color: #ffffff;}
    #ja-cssmenu li #menu206{background-color: #bababa; color: #ffffff;}
    #ja-cssmenu li #menu207{background-color: #bababa; color: #ffffff;}
    #ja-cssmenu li #menu208{background-color: #bababa; color: #ffffff;}
    #ja-cssmenu li #menu209{background-color: #bababa; color: #ffffff;}
    #ja-cssmenu li #menu210{background-color: #bababa; color: #ffffff;}
    #ja-cssmenu li #menu267{background-color: #003399; color: #ffffff;}[/PHP]

    Phill Moderator
    #298318

    Why not just re-upload the original files?

    ukfraternite Friend
    #298457

    which original file?

    All I had to do was to make the changes suggested above and because I did not like the look of it, I removed the changes and the header became messed up.

    Phill Moderator
    #298460

    Just re-upload the relavent css and php files from the teline II download. As long as you have not made any other changes you should be fine.

    ukfraternite Friend
    #298574

    I have made some changes to the ccs, though.

    I have just copied the ccs and php files above if a well informed mind could detect what seems abnormal, please.

    cgc0202 Friend
    #298584

    Hi ukfraternite,

    As noted by phill luckhurst, it is usually standard practice to keep a copy of the original, as well as various stages of any file you intend to modify. You must make this a habit, if you plan to continue revising your website.

    We do al make mistakes, even veterans like phill luckhurst, most likely. At least I do a lot. In fact, I made so many :fresh-installs because there are just problems that I believe might not even be solved by even the most experienced person here. So to avoid frustrations, from waiting, I do the easiest thing — begin anew. One difference, learned from previous very time consuming and costly mistakes is that like phill luckhurst, I have learned to keep copies of the pertinent files before I make any changes,

    I notice that you do a lot of modifications to your page, so this is even more critical.

    No one may want do this for you:

    <em>@ukfraternite 120938 wrote:</em><blockquote>I have made some changes to the ccs, though.

    I have just copied the ccs and php files above if a well informed mind could detect what seems abnormal, please.</blockquote>

    because it is not easy to do. Poring through the entire index.php or the template.css are no easy task, especially if the responder was not involved in what you have done. As it is, you refuse to show a link to your site, nor even show capture images.

    At this stage, you must have made so many changes in your index.php, template.css, as well as the various sections in your admin page to haveyour latest page layuout.

    It is a very hard lesson to learn, that I have learned myself from my own errors but you may have no choice but to go through all the changes that you have done since you joined in May 2008.

    Or, it may even be faster to start anew with a fresh QuickStart kit. And, go back to all the changes from the beginning. Apply them one by one (and make copies of the before and after changes of each file).

    But, that is a lot of work, you might complain. Yes, very true. But, that might be your only choice, sometimes. In learning the hard lessons, you may take more precautions inthe future.

    I am sure this is not what you want to hear.

    Cornelio

    Phill Moderator
    #298588

    One thing I know for sure is that it is your index.php file that is incorrect. I am currently using a diff viewer to try and work out what you have changed but I am busy trying to do other things at the same time so don’t hold your breath as I may get sidetracked.

    Simply re-uploading that file will fix your header but I don’t know what other changes you might have made.

    Phill Moderator
    #298590

    Hmmm, did you mean to move the menu’s to above the header?

    Phill Moderator
    #298594

    Tell me how you want it laid out and I will adjust it to your requirements. You have made a lot of changes and I am just not quite sure of the look you want to achieve.

    ukfraternite Friend
    #298687

    <em>@phill luckhurst 120959 wrote:</em><blockquote> did you mean to move the menu’s to above the header?</blockquote>

    Please find attached the header BEFORE it was messed up.

    I have performed some changes and I was happy with them…until I tried to place a banner on top of the Magazine Menu.

    Please note that the Logo is above Ja News Front page. ANd the Magazine Menu is Above the Logo as indicated in this healthy attached header.

    Thank you.

    imagineguinee.com (website)

    4745


    1. header
    Phill Moderator
    #298703

    No problem

    Edit
    template.css (line 804)


    #ja-header {
    height:109px;
    line-height:normal;
    position:relative;
    }

    and change to


    #ja-header {
    height:29px;
    line-height:normal;
    position:relative;
    }

    Then edit

    template.css (line 816)

    h1.logo a {
    background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:109px;
    margin-bottom:0;
    margin-top:0;
    position:absolute;
    width:622px;
    }

    and change to

    h1.logo a {
    background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:109px;
    margin-bottom:0;
    margin-top:0;
    position:relative;
    width:622px;
    }

    ukfraternite Friend
    #298873

    Hello phill luckhurst,

    I have followed your instruction and I must say it has improved the situation.
    4754

    As you can see, the distance between the logo and the Magazine menu has become normal now. But the logo has gone down too far, even masking some parts.

    The image below shows how the normal header should look like. It’s just like by pushing down the Ja_News Front Page module, the logo would regain its space. I don’t know.

    4755

    I have tried to change these values (height:29px;) higher or lower, but that did not help.


    1. modified
    2. untitled
    Phill Moderator
    #298882

    Strange, your site look OK to me.

    Give me a minute and I will try it on a different browser.

    Phill Moderator
    #298884

    I have looked at your site in Chrome, IE7, IE8 and Firefox anf I cannot replicate your image. I can see all the content fine.

    What resolution and browser are you using?
    Have you cleared your cache.

Viewing 15 posts - 1 through 15 (of 20 total)

This topic contains 20 replies, has 3 voices, and was last updated by  ukfraternite 15 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum