hi there
i think u can put another div tag around ur side bar1
like
<div id=”sidebar”>
<div id=”sidebar1″>
<–sidebar1 code goes here –>
</div><–sidebar1–>
<div id=”sidebar2″>
<–sidebar2 code goes here –>
</div><–sidebar2–>
</div><–sidebar–>
now catch is
u need to make relative position instead of absolute
like
#sidebar{
float:right;
}
#sidebar1{
float:left;
position:relative;
}
#sidebar2{
float;right;
position:relative;
}
thank you
How do I put the other div tag around it?
My sidebar 1 codes looks like this:
<div id="sidebar1">
<ul id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<li>
<h2>Archives</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<?php wp_list_categories('title_li=<h2>Categories</h2>'); ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php wp_list_bookmarks(); ?>
<li><h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php } ?>
<?php endif; ?>
</ul>
</div>
And sidebar2 like this:
<div id="sidebar2">
<ul id="sidebar">
<div>
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
<?php endif; ?>
</ul>
</div>
When I call for the sidebars in index it looks like this:
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
I have no idea what to change and how …
As i have shown above
sidebar1 is ur side bar at left
and sidebar2 is ur sidebar at right which u want to position.
there must be div tag around sidebar1
like given above
<div id=sidebar1>
sidebar1 code
</div>
now for 2nd bar u may have
<div id=sidebar2>
sidebar2 cod
</div>
finally sum this two div in one giving css id sidebar like
<div id=”sidebar”>
<div id=”sidebar1″>
<–sidebar1 code goes here –>
</div><–sidebar1–>
<div id=”sidebar2″>
<–sidebar2 code goes here –>
</div><–sidebar2–>
</div><–sidebar–>
thanks
hm.. how do I do that when both sidebars have a php file each?
`sidebar 1 ur code
<div id=”sidebar1″>
<ul id=”sidebar”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php wp_get_archives(‘type=monthly’); ?>
<?php wp_list_categories(‘title_li=<h2>Categories</h2>’); ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php wp_list_bookmarks(); ?>
<?php } ?>
<?php endif; ?>
</div>
sidebar 2 your code
<div id=”sidebar2″>
<ul id=”sidebar”>
<div>
<?php if ( function_exists(‘dynamic_sidebar’) && dynamic_sidebar(2) ) : else : ?>
<?php endif; ?>
</div>
now my code
<div id:”sidebar”>
<div id=”sidebar1″>
<ul id=”sidebar”>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php wp_get_archives(‘type=monthly’); ?>
<?php wp_list_categories(‘title_li=<h2>Categories</h2>’); ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php wp_list_bookmarks(); ?>
<?php } ?>
<?php endif; ?>
</div>
<–side bar 2 –>
<div id=”sidebar2″>
<ul id=”sidebar”>
<div>
<?php if ( function_exists(‘dynamic_sidebar’) && dynamic_sidebar(2) ) : else : ?>
<?php endif; ?>
</div>
</div><–sidebar–>
now use css i gave u before
sorry please use sidebar12 instead of sidebar in first div i didnt saw ul using same id
Now I have changed all the codes and it didn’t make any difference :/
i’ve changed it to sidebar12 in the div tag and the css too.. it looks the same
make single file and use logic above
and call sidebar() only
I don’t understand what you are saying right now.. I’m sorry, I’m not that experienced with coding
can u paste the change code
now my codes look like this..
sidebar1.php;
<div id:"sidebar12">
<div id="sidebar1">
<ul id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<h2>Archives</h2>
<?php wp_get_archives('type=monthly'); ?>
<?php wp_list_categories('title_li=<h2>Categories</h2>'); ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php wp_list_bookmarks(); ?>
<h2>Meta</h2>
<?php wp_register(); ?>
<?php wp_loginout(); ?>
Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>
<abbr title="XHTML Friends Network">XFN</abbr>
WordPress
<?php wp_meta(); ?>
<?php } ?>
<?php endif; ?>
</div>
sidebar2.php;
<div id="sidebar2">
<ul id="sidebar">
<div>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
<?php endif; ?>
</div>
</div>
css:
#sidebar12{
float:right;
}
#sidebar1 {
float: left;
position: relative;
}
#sidebar2 {
float: right;
position: relative;
background: transparent;
}
sorry know its not working but this is the right way to align both side together
have to check whole css to figure out problem
🙁
now i know.. the sidebar2 codes where 2 places in the css.. i deleted one of them and now something happened.
But.. now the sidebar2 is placed under my whole blog :S
