Themes

funny header_required

Permalink September 04, 2010 at 10:14 PM

So, I've been working on my theme, and when I put the c5 header, it showed up as a blank white bar. Searching thru the forums I realized that it was a jquery error so I deleted my gallery, and lo and behold, it appeared at the top, but now it looks weird with the icons stacked on top of each other... what's going on??? I've deleted all the code from the theme except the header to see if it was another conflict, but it still had the issue. Everything seems to be working except it looks messed up while logged in... what's going on?

Mnkras replied on Sep 4, 2010 at 11:30 pm Permalink Reply

wrap your theme in a div and apply the ids in css

also a pic would make this easier

ThemeGuru replied on Sep 5, 2010 at 4:32 pm Permalink Reply

It looks like everything is being pushed down 54px or something like that.

I believe defunct posted a good tutorial on that on his website.

http://defunctlife.com/

Mnkras replied on Sep 5, 2010 at 9:19 pm Permalink Reply

ThemeGuru there is no pic where do you see that?

ThemeGuru replied on Sep 5, 2010 at 9:25 pm Permalink Reply

Read the post. I seen the problem before.

What can I say...

:)

Mnkras replied on Sep 5, 2010 at 10:49 pm Permalink Reply

so have i, but you say

"looks like everything is ...."

that sentence impies you have seen it :P

w/e

Mike

ThemeGuru replied on Sep 5, 2010 at 11:00 pm Permalink Reply

Yep.

That's that I quoted his site.

There was about 2 or so forum posts several months ago.

jordanlev replied on Sep 5, 2010 at 11:16 pm Permalink Best Answer Reply

Are you using IE? If so, your problem might be that no doctype (or the wrong one) is declared at the top of your theme -- seehttp://www.concrete5.org/community/forums/themes/this-is-strange-ev...

djangelic replied on Sep 5, 2010 at 11:20 pm Permalink Reply

Yeah I just realized that it was the doc type... its still acting kinda weird tho, ill post pics when I get home

djangelic replied on Sep 6, 2010 at 10:35 pm Permalink Reply 2 Attachments

Ok, sorry its taken so long! :( Been taking care of guests for labor day. attached are the screen shots, any help is appreciated!

djangelic replied on Sep 6, 2010 at 11:05 pm Permalink Reply

oh, and if it helps, here is the current code (I've made some changes since I posted the images)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<? Loader::element('header_required'); ?>
</head>
<body>
            <script type="text/javascript" src="<?=$this->getThemePath()?>/jsconstants.html"></script>
            <script src="<?=$this->getThemePath()?>/images/langsf9e3.js?v=1.1"></script>
                        <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/images/ddlevelsmenu-topbar.css" />
            <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/images/ddlevelsmenu-sidebar.css" />
                        <link href="<?=$this->getThemePath()?>/images/style.css" type="text/css" rel="stylesheet" />
            <script>var showWebmastersHours = false;</script>
            <!--[if lt IE 7]>
            <link rel="stylesheet" type="text/css" href="css/ie_style.css" />            <script type="text/javascript" src="<?=$this->getThemePath()?>//widgets.v3/site_appearence/ie_png.js"></script>  
            <script type="text/javascript">  ie_png.fix('.png, .ib_header img, .header_slogans .more img, .menu img');</script>

Viewing 15 lines of 310 lines. View entire code block.

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<? Loader::element('header_required'); ?>
</head>
<body>
            <script type="text/javascript" src="<?=$this->getThemePath()?>/jsconstants.html"></script>
            <script src="<?=$this->getThemePath()?>/images/langsf9e3.js?v=1.1"></script>
                        <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/images/ddlevelsmenu-topbar.css" />
            <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/images/ddlevelsmenu-sidebar.css" />
                        <link href="<?=$this->getThemePath()?>/images/style.css" type="text/css" rel="stylesheet" />
            <script>var showWebmastersHours = false;</script>
            <!--[if lt IE 7]>
            <link rel="stylesheet" type="text/css" href="css/ie_style.css" />            <script type="text/javascript" src="<?=$this->getThemePath()?>//widgets.v3/site_appearence/ie_png.js"></script>  
            <script type="text/javascript">  ie_png.fix('.png, .ib_header img, .header_slogans .more img, .menu img');</script> 
            <![endif]-->
 
            <table class="container_all container_all_table table" style="background-color:#e9e9e9; background-image:url('<?=$this->getThemePath()?>/images/body.png'); background-position:top left; background-repeat:repeat-x; background-attachment: scroll;">
   <tr>
      <td class="td va_t cat_td" id="site_height">
         <div class="site_width">
            <div id="header">
               <div id="languages_id_decor"><div class="dop_block"><div class="dop_block2"><div class="currentSiteLanguagesSelect" style="display:none">
    <div class="select_arrow"></div>
    en</div>
<select name="language" style="width:42px; height:20px" id="languagesSelect" onChange="changeLanguage()"><br />
 
        <option value="en" SELECTED>en</option>
    </select>
<script>
    window.changeLanguage = function() {
        selectedLanguage = document.getElementById("languagesSelect").value;
        currentLanguage = "en";
        if (selectedLanguage != currentLanguage) {
            if (typeof parent.top.LinkManager != "undefined") {
                parent.top.LinkManager.getDefaultInstance().goLocation("indexc47d.html?language=" + selectedLanguage);
            } else {
                window.location = "indexc47d.html?language=" + selectedLanguage;
            }
        }
    }
</script></div></div></div>
               <div class="top">
                  <div class="indent">
                     <h1><?php $a = new Area('Header'); $a->display($c); ?> 
   </strong></a></h1>
                     <div class="navigation">
                        <!--start content of header_links content --><div class="header_links">
   <ul class="listing">
               <li class="li ">
                        <a href="http://google.com/" target="_self" style="background-image:url('<?=$this->getThemePath()?>/images/hl_icon_1.png');" class="png"></a>
                     </li>
               <li class="li ">
                        <a href="sitemap.html" target="_self" style="background-image:url('<?=$this->getThemePath()?>/images/hl_icon_2.png');" class="png"></a>
                     </li>
               <li class="li  last">
                        <a href="mailto:mail@companymane.com" target="_blank" style="background-image:url('<?=$this->getThemePath()?>/images/hl_icon_3.png');" class="png"></a>
                     </li>
         </ul>
</div><!--end content of header_links content -->                     </div>
                  </div>
               </div>
               <div class="menu">
 
 
   <div id="ddtopmenubar" class="mattblackmenu">
               <ul>
 
               <li class=" first">
                  <a class=" active" href='index-2.html' ><?php $a = new Area('Header Nav'); $a->display($c); ?></a>
               </li>
                     </ul>
         <div class="clear"></div>
         </div>
 
 
               </div>
 
               <div class="clear"></div>
            </div>
            <div id="content_block">
            <div class="dec_1 png"><div class="dec_2 png"><div class="dec_3" id="content_height" style="background-color:#fff; "><div class="w100">
 
<div id="loopedSlider">
   <div class="container">
<? $a = new Area('slider'); $a->display($c); ?>
   </div>
</div>
 
<script type="text/javascript">
$(document).ready(function() {
      $('#loopedSlider').loopedSlider();
   });
</script>               <div class="indent_content">
                  <div id="content"><div class="w100">
 
<div id="layout_index">
   <table class="table w100 layout_table" id="layout_table_id"><tr>
      <td class="td va_t lt_td_left">
         <div class="pc_add"><div class="w100">            <!--start content of listing_texts content --><div class="infobox_all listing_texts"><div class="feature decor_header">
<div class="ib_all">
 
<div class="de_1 png"><div class="de_1_1 png"><div class="de_1_2"><div class="de_1_3"></div></div></div></div>
 
<div class="de_2"><div class="de_2_1"><div class="de_2_2"><div class="de_2_3"><div class="w100"> 
   <div class="ib_header">
 
<div class="hde_1 png"><div class="hde_1_1 png"><div class="hde_1_2">
</div></div></div>
<div class="hde_2"><div class="hde_2_1"><div class="hde_2_2"><div class="hde_2_3">
 
<div class="icon png">      <h3><img src="<?=$this->getThemePath()?>/images/page_header_common_en.png" width="117px" height="26px"  alt="" style="false"  /></h3>
   </div>
 
</div></div></div></div>
<div class="hde_3 png"><div class="hde_3_1 png"><div class="hde_3_2">
</div></div></div>
 
</div>   <div class="ib_content"><div class="w100">
 
               <ul class="listing">
                        <li class="li first">
 
                                 <div class="nomber">1.</div>
                                    <div class="text">
                  <h5>
                     <a href="9.html">                     Auris ferment                     </a>                  </h5>
                  laoreet aliquam leo. Ut tellus dolor dapibus eget 
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">2.</div>
                                    <div class="text">
                  <h5>
                     <a href="10.html">                     Laoreet aliquam leo.                     </a>                  </h5>
                  Ut tellus dolor dapibus eget elementum
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">3.</div>
                                    <div class="text">
                  <h5>
                     <a href="11.html">                     Aliquam leo.                     </a>                  </h5>
                  Ut tellus dolor dapibus eget elementum vel, 
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">4.</div>
                                    <div class="text">
                  <h5>
                     <a href="12.html">                     Ut tellus dolor                     </a>                  </h5>
                  dapibus eget elementum vel, cursus leifend,
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">5.</div>
                                    <div class="text">
                  <h5>
                     <a href="13.html">                     Dolor dapibus eget                     </a>                  </h5>
                  elementum vel, cursus leifend, elit. Denean
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">6.</div>
                                    <div class="text">
                  <h5>
                     <a href="14.html">                     Dapibus eget                     </a>                  </h5>
                  elementum vel, cursus leifend, elit. Denean auc
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">7.</div>
                                    <div class="text">
                  <h5>
                     <a href="15.html">                     Eget elementum vel,                     </a>                  </h5>
                  cursus leifend, elit. Denean auctor wisi
                  </div>
 
            </li>
                        <li class="li">
 
                                 <div class="nomber">8.</div>
                                    <div class="text">
                  <h5>
                     <a href="16.html">                     Elementum vel, cursus                     </a>                  </h5>
                  leifend, elit. Denean auctor wisi et urna.
                  </div>
 
            </li>
                        <li class="li last">
 
                                 <div class="nomber">9.</div>
                                    <div class="text">
                  <h5>
                     <a href="17.html">                     Cursus leifend,                     </a>                  </h5>
                  elit. Denean auctor wisiet urna. Aliquam erat
                  </div>
 
            </li>
                     </ul>
                  <div class="clear"></div>
</div></div></div></div></div></div></div>
 
<div class="de_3 png"><div class="de_3_1 png"><div class="de_3_2"><div class="de_3_3"></div></div></div></div>
 
</div></div></div><!--end content of listing_texts content -->         </div></div>      </td>
      <td class="td va_t lt_td_right">
         <div class="pc_add"><div class="w100">            <!--start content of page_texts_wrm content --><div class="infobox_all page_texts_wrm default_tempate">
<div class="ib_all">
 
<div class="de_1 png"><div class="de_1_1 png"><div class="de_1_2"><div class="de_1_3"></div></div></div></div>
 
<div class="de_2"><div class="de_2_1"><div class="de_2_2"><div class="de_2_3"><div class="w100"> 
 
         <div class="ib_header">
 
<div class="hde_1 png"><div class="hde_1_1 png"><div class="hde_1_2">
</div></div></div>
<div class="hde_2"><div class="hde_2_1"><div class="hde_2_2"><div class="hde_2_3">
 
<div class="icon png">                     <h3><img src="<?=$this->getThemePath()?>/images/38496cdaad5491a.png" width="210px" height="26px"  alt="Welcome to our company"   /></h3>
                           </div>
 
</div></div></div></div>
<div class="hde_3 png"><div class="hde_3_1 png"><div class="hde_3_2">
</div></div></div>
 
</div>      <div class="ib_content"><div class="w100">
 
         <div class="text"><strong><?php $a = new Area('Main'); $a->display($c); ?></div>
               <div class="clear"></div>
</div></div>         
</div></div></div></div></div>
 
<div class="de_3 png"><div class="de_3_1 png"><div class="de_3_2"><div class="de_3_3"></div></div></div></div>
 
</div></div><!--end content of page_texts_wrm content --><!--start content of page_texts_wrm content --><div class="decor"><div class="infobox_all page_texts_wrm">
 
 
   <table class="table w100"><tr>
            <td class="td w50 va_t td_1">
      <div class="ib_all">
 
<div class="de_1 png"><div class="de_1_1 png"><div class="de_1_2"><div class="de_1_3"></div></div></div></div>
 
<div class="de_2"><div class="de_2_1"><div class="de_2_2"><div class="de_2_3"><div class="w100">         <div class="ib_header">
 
<div class="hde_1 png"><div class="hde_1_1 png"><div class="hde_1_2">
</div></div></div>
<div class="hde_2"><div class="hde_2_1"><div class="hde_2_2"><div class="hde_2_3">
 
<div class="icon png">                           <h3><img src="<?=$this->getThemePath()?>/images/e20cfca446b727a.png" width="146px" height="26px"  alt="Business planning"   /></h3>
                                    </div>
 
</div></div></div></div>
<div class="hde_3 png"><div class="hde_3_1 png"><div class="hde_3_2">
</div></div></div>
 
</div>         <div class="ib_content"><div class="w100">
 
            <div class="text"><div align="center"><img class="image_top_mid" alt="" src="<?=$this->getThemePath()?>/images/i_1.jpg" width="279" height="109" /></div>
<h6>Onec accumsan malesuada nec sit amet er orem ipsum dolor sit aconsectetuer adipisc</h6>
<br />
<p>Auris ferment laoreet aliquam leo. Ut tellus dolor dapibus eget elementum vel, cursus leifend, elit. Denean auctor wisi et urna.</p></div>
                        <div class="more_div"><a class="more png" href="75.html"><b class="png"><em class="png">read more info</em></b></a></div>
                     <div class="clear"></div>
</div></div>      </div></div></div></div></div>
 
<div class="de_3 png"><div class="de_3_1 png"><div class="de_3_2"><div class="de_3_3"></div></div></div></div>
 
</div>      </td>
            <td class="td w50 va_t td_2">
      <div class="ib_all">
 
<div class="de_1 png"><div class="de_1_1 png"><div class="de_1_2"><div class="de_1_3"></div></div></div></div>
 
<div class="de_2"><div class="de_2_1"><div class="de_2_2"><div class="de_2_3"><div class="w100">         <div class="ib_header">
 
<div class="hde_1 png"><div class="hde_1_1 png"><div class="hde_1_2">
</div></div></div>
<div class="hde_2"><div class="hde_2_1"><div class="hde_2_2"><div class="hde_2_3">
 
<div class="icon png">                           <h3><img src="<?=$this->getThemePath()?>/images/cdc2101598b846e.png" width="146px" height="26px"  alt="Target marketing"   /></h3>
                                    </div>
 
</div></div></div></div>
<div class="hde_3 png"><div class="hde_3_1 png"><div class="hde_3_2">
</div></div></div>
 
</div>         <div class="ib_content"><div class="w100">
 
            <div class="text"><div align="center"><img class="image_top_mid" alt="" src="<?=$this->getThemePath()?>/images/i_2.jpg" width="279" height="109" /></div>
<p>Auris ferment laoreet aliquam leo. Ut tellus dolor dapibus eget elementum vel, cursus leifend, elit. Denean auctor wisi et urna. Aliquam erat volutpat. Duis ac nteger rut ante eu lacus. Quisque nulla. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent </p></div>
                        <div class="more_div"><a class="more png" href="76.html"><b class="png"><em class="png">read more info</em></b></a></div>
                     <div class="clear"></div>
</div></div>      </div></div></div></div></div>
 
<div class="de_3 png"><div class="de_3_1 png"><div class="de_3_2"><div class="de_3_3"></div></div></div></div>
 
</div>      </td>
         </tr></table>
 
 
</div></div><!--end content of page_texts_wrm content --><!--start content of news content --><div class="infobox_all news">
<div class="ib_all">
 
<div class="de_1 png"><div class="de_1_1 png"><div class="de_1_2"><div class="de_1_3"></div></div></div></div>
 
<div class="de_2"><div class="de_2_1"><div class="de_2_2"><div class="de_2_3"><div class="w100">   <div class="ib_header">
 
<div class="hde_1 png"><div class="hde_1_1 png"><div class="hde_1_2">
</div></div></div>
<div class="hde_2"><div class="hde_2_1"><div class="hde_2_2"><div class="hde_2_3">
 
<div class="icon png">      <h3><img src="<?=$this->getThemePath()?>/images/newsshortheader_common_en.png" width="189px" height="26px"  alt="" style="false"  /></h3>
   </div>
 
</div></div></div></div>
<div class="hde_3 png"><div class="hde_3_1 png"><div class="hde_3_2">
</div></div></div>
 
</div>   <div class="ib_content"><div class="w100">
 
               <ul class="listing">
                     <li class="li">
                                                   <h6><em>2010-03-23</em><a class="link" href="5.html">Accumsan malesuada nec sit amet er orem ipsum dolor sit aconsectetuer adipiscing </a></h6>
                  <div class="text">Auris ferment laoreet aliquam leo. Ut tellus dolor dapibus eget elementum vel, cursus leifend, elit. Denean auctor<br /><table class="table w100" border="0" bordercolor="" cellpadding="" cellspacing=""><tbody><tr><td class="td w50 va_t"><ul><li>Auris ferment laoreet aliquam leo. Ut tellus dolor</li><li> Dapibus eget elementum vel cursus leifend elit.</li></ul></td><td class="td w50 va_t"><ul><li>Ut tellus dolor dapibus eget elementum vel cursus</li><li> Denean auctor wisi et urna. Aliquam erat volutpat. </li></ul></td></tr></tbody></table></div>
 
                  <div class="more_div"><a class="more png" href="5.html"><b class="png"><em class="png">read more</em></b></a></div>
                           </li> 
                  </ul>
         <div class="clear"></div>
</div></div></div></div></div></div></div>
 
<div class="de_3 png"><div class="de_3_1 png"><div class="de_3_2"><div class="de_3_3"></div></div></div></div>
 
</div></div><!--end content of news content -->         </div></div>
   </tr></table>
</div>                  </div></div>
 
                  <div id="footer">
                     <div class="copyright">
                        <table class="table"><tr>
                           <td class="td_1">            <p>BUSINEX &#169; 2009</p>    </td>
                           <td>|</td>
                           <td class="td_2"> 
 
            <ul>
                   <li>
              <a href='privacypolicy.html'>
                Privacy Policy 
              </a>
            </li> 
                </ul>           
    </td>
                        </tr></table>
                     </div>
                  </div>
               </div>
               </div></div></div></div>
            </div>
         </div>
      </td>
   </tr>
   <tr>
      <td class="td va_t cat_td_b">
 
      </td>
   </tr>
</table>
       <!-- BEGIN LivePerson Monitor. --><script language='javascript'> var lpMTagConfig = {'lpServer' : "server.iad.liveperson.net",'lpNumber' : "70253800",'lpProtocol' : "http"}; function lpAddMonitorTag(src){if(typeof(src)=='undefined'||typeof(src)=='object'){src=lpMTagConfig.lpMTagSrc?lpMTagConfig.lpMTagSrc:'/hcp/html/mTag.js';}if(src.indexOf('http')!=0){src=lpMTagConfig.lpProtocol+"://"+lpMTagConfig.lpServer+src+'?site='+lpMTagConfig.lpNumber;}else{if(src.indexOf('site=')<0){if(src.indexOf('?')<0)src=src+'?';else src=src+'&';src=src+'site='+lpMTagConfig.lpNumber;}};var s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('charset','iso-8859-1');s.setAttribute('src',src);document.getElementsByTagName('head').item(0).appendChild(s);} if (window.attachEvent) window.attachEvent('onload',lpAddMonitorTag); else window.addEventListener("load",lpAddMonitorTag,false);</script><!-- END LivePerson Monitor. -->
<!-- BEGIN Monitor Tracking Variables  -->
<script language="JavaScript1.2">
if (typeof(lpMTagConfig.visitorVar) == "undefined"){ lpMTagConfig.visitorVar = new Array();}
lpMTagConfig.visitorVar[lpMTagConfig.visitorVar.length] = 'from=adminPanel';
</script>
<!-- End Monitor Tracking Variables  -->
                                        </body>
 
<!-- Mirrored from 29688.templates.site2you.com/index.php by HTTrack Website Copier/3.x [XR&CO'2010], Sat, 04 Sep 2010 05:20:15 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
</html>

Mnkras replied on Sep 7, 2010 at 5:08 pm Permalink Reply

#1 don't use httrack to rip themes,

#2 put a div around the html with an id,

then in the css put the div id before the generic css selectors (like the ones selecting all links etc un orderedlists )

djangelic replied on Sep 7, 2010 at 7:56 pm Permalink Reply

#1 How did you know?? I will buy the theme now as a show of penance...

#2 I will try it, and see if that works, but that sounds like a good idea... the css is the style.css correct? Thanks for all your help!

Forums

Themes

funny header_required

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?