My b2evolution Version: 1.10.x
Hi there, Please could you help me figure out what is causing alignment issues in my theme.
I have adapted the evocamp theme and added the date section from the glossyblue theme.
Everything works fine in Explorer, but things show different in other broswers and I cant figure out why.
Please see the pics below.
[URL=http://i71.photobucket.com/albums/i133/sims_album/b2e/Explorer_normal.jpg]http://i71.photobucket.com/albums/i133/sims_album/b2e/th_Explorer_normal.jpg[/URL]
Internet explorer: This is how everything should look, with the Title inline with the date box, the category aligned left and the feedback link aligned right. This is how I would like it to appear in the other browsers as well.
[URL=http://i71.photobucket.com/albums/i133/sims_album/b2e/opera_feedback_alignment.jpg]http://i71.photobucket.com/albums/i133/sims_album/b2e/th_opera_feedback_alignment.jpg[/URL]
[URL=http://i71.photobucket.com/albums/i133/sims_album/b2e/safari_feedback_alignment.jpg]http://i71.photobucket.com/albums/i133/sims_album/b2e/th_safari_feedback_alignment.jpg[/URL]
Opera and Safari (PC Version): Feedback link does not align right and seems to be ending where the title ends unless the title is quite short.
[URL=http://i71.photobucket.com/albums/i133/sims_album/b2e/firefox_title_on_next_line.jpg]http://i71.photobucket.com/albums/i133/sims_album/b2e/th_firefox_title_on_next_line.jpg[/URL]
Firefox: category and feedback links are aligned left and right as they should be but the title and the rest of the post are shifted down to the next line (under the date box).
I know there is something that needs changing in the posts.main and the single.main files but please could you help me work out what. Also are the lines that repeatedly say 'bolo bolo bolo' needed?
EDIT: Could it be a CSS issue?
My posts.main file:
<?php
/**
* This is the main/default page template.
*
* For a quick explanation of b2evo 2.0 skins, please start here:
* {@link http://manual.b2evolution.net/Skins_2.0}
*
* The main page template is used to display the blog when no specific page template is available
* to handle the request (based on $disp).
*
* @package evoskins
* @subpackage zeke
*
* @version $Id: posts.main.php,v 1.5 2008/01/23 12:51:28 fplanque Exp $
*/
if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );
// This is the main template; it may be used to display very different things.
// Do inits depending on current $disp:
skin_init( $disp );
// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the generic
// /skins/_html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
?>
<?php
// ------------------------- BODY HEADER INCLUDED HERE --------------------------
skin_include( '_body_header.inc.php' );
// Note: You can customize the default BODY header by copying the generic
// /skins/_body_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
?>
<div id="page">
<div id="contentleft">
<?php
// NOT SUPPORTED YET
if( false && isset($MainList) && ! $MainList->is_filtered() )
{
?>
<div class="featurepost">
<h2>Title</h2>
<p class="postinfo">By author on time in cat | comments | edit </p>
<div class="entry">
bolo bolo bolo bolo bolo bolo bolo bolo bolo bolo
</div>
</div>
<?php
}
?>
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar_left.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
<div id="content">
<?php
// ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
request_title( array(
'title_before'=> '<h2 class="sectionhead">',
'title_after' => '</h2>',
'title_none' => '',
'glue' => ' - ',
'title_single_disp' => true,
'format' => 'htmlbody',
) );
// ------------------------------ END OF REQUEST TITLE -----------------------------
?>
<?php
// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
messages( array(
'block_start' => '<div class="action_messages">',
'block_end' => '</div>',
) );
// --------------------------------- END OF MESSAGES ---------------------------------
?>
<?php
// Display message if no post:
display_if_empty();
while( $Item = & mainlist_get_item() )
{ // For each blog post, do everything below up to the closing curly brace "}"
?>
<div class="post post<?php $Item->status_raw() ?>" lang="<?php $Item->lang() ?>">
<?php
$Item->locale_temp_switch(); // Temporarily switch to post locale (useful for multilingual blogs)
$Item->anchor(); // Anchor for permalinks to refer to.
?>
<div class="post-date">
<span class="post-month"><?php $Item->issue_time( array(
'before' => '',
'after' => '',
'date_format' => 'M',
)); ?></span>
<span class="post-day"><?php $Item->issue_time( array(
'before' => '',
'after' => '',
'date_format' => 'd',
)); ?></span>
</div>
<div class="post-title">
<h2><?php $Item->title(); ?></h2>
<span class="post-cat"><?php
$Item->categories( array(
'before' => '',
'after' => ' ',
'include_main' => true,
'include_other' => true,
'include_external'=> true,
'link_categories' => true,
) );
?></span> <span class="post-comments"><?php // Link to comments, trackbacks, etc.:
$Item->feedback_link( array(
'link_before' => '',
'link_after' => '',
'link_text_zero' => '#',
'link_text_one' => '#',
'link_text_more' => '#',
'link_title' => '#',
'use_popup' => false,
) ); ?></span>
</div>
<br clear="all" />
<?php
// ---------------------- POST CONTENT INCLUDED HERE ----------------------
skin_include( '_item_content.inc.php', array(
'image_size' => 'fit-400x320',
'more_link_text' => T_('Read more'),
) );
// Note: You can customize the default item feedback by copying the generic
// /skins/_item_feedback.inc.php file into the current skin folder.
// -------------------------- END OF POST CONTENT -------------------------
?>
<?php
// List all tags attached to this post:
$Item->tags( array(
'before' => '<div class="posttags">'.T_('Tags').': ',
'after' => '</div>',
'separator' => ', ',
) );
?>
</div>
<?php
locale_restore_previous(); // Restore previous locale (Blog locale)
}
?>
<?php
// -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
mainlist_page_links( array(
'block_start' => '<div class="navigation">',
'block_end' => '</div>',
'prev_text' => '<<',
'next_text' => '>>',
) );
// ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
?>
</div>
</div>
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar_right.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
</div>
<?php
// ------------------------- BODY FOOTER INCLUDED HERE --------------------------
skin_include( '_body_footer.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
?>
<?php
// ------------------------- HTML FOOTER INCLUDED HERE --------------------------
skin_include( '_html_footer.inc.php' );
// Note: You can customize the default HTML footer by copying the
// _html_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
?>
I hope this has come out o.k, as there is no preview facility.
http://www.barnesnet.co.uk/
General Support
b2evolution CMS Support Forums
Nice linkback :-/
Try fixing your CSS and XHTML errors (19 and 25) before asking for free help from free software that you're not willing to give a link to on your blog.