Help Centering PHP Form

Center PHP Form

[bucknasty]

I have a form written in php that needs to be centered. I've used <center> </center> around the form code, but it isn't reliable. (It works when it wants to) Can anyone offer some suggestions?

*/

load_plugin_textdomain('sblogin', WP_PLUGIN_URL.'/sidebar-login/langs/', 

'sidebar-login/langs/');

if (is_admin()) include( WP_PLUGIN_DIR . '/sidebar-login/admin.php' );

/* Call via function */
function sidebarlogin( $args = '' ) {

if (!is_array($args)) parse_str($args, $args);

$defaults = array(
'before_widget'=>'',
'after_widget'=>'',
'before_title'=>'<h2>',
'after_title'=>'</h2>'
);
$args = array_merge($defaults, $args);

widget_wp_sidebarlogin($args);
}

/* The widget */
function widget_wp_sidebarlogin($args) {
global $user_ID, $current_user;

/* To add more extend i.e when terms came from themes - suggested 

by dev.xiligroup.com */
$defaults = array(
'thelogin'=>'',
'thewelcome'=>'',
'theusername'=>__('Username:','sblogin'),
'thepassword'=>__('Password:','sblogin'),
'theremember'=>__('Remember me','sblogin'),
'theregister'=>__('Register','sblogin'),
'thepasslostandfound'=>__('Password Lost and 

Found','sblogin'),
'thelostpass'=>__('Lost your password?','sblogin'),
'thelogout'=> __('Logout','sblogin')
);

$args = array_merge($defaults, $args);
extract($args);

get_currentuserinfo();

if ($user_ID != '') {

// User is logged in
global $current_user;
 get_currentuserinfo();

if (empty($thewelcome)) $thewelcome = 

str_replace('%username%',ucwords($current_user->display_name),get_option('s

idebarlogin_welcome_heading'));

echo $before_widget . $before_title .$thewelcome. 

$after_title;

if (get_option('sidebar_login_avatar')=='1') echo '<div 

class="avatar_container">'.get_avatar($user_ID, $size = '38').'</div>';

echo '<ul class="pagenav">';

if(isset($current_user->user_level) && 

$current_user->user_level) $level = $current_user->user_level;

$links = 

do_shortcode(trim(get_option('sidebarlogin_logged_in_links')));

$links = explode("\n", $links);
if (sizeof($links)>0)
foreach ($links as $l) {
$l = trim($l);
if (!empty($l)) {
$link = explode('|',$l);
if (isset($link[1])) {
$cap = 

strtolower(trim($link[1]));
if ($cap=='true') {
if 

(!current_user_can( 'manage_options' )) continue;
} else {
if 

(!current_user_can( $cap )) continue;
}
}
// Parse %USERNAME%
$link[0] = 

str_replace('%USERNAME%',$current_user->user_login,$link[0]);
$link[0] = 

str_replace('%username%',$current_user->user_login,$link[0]);
// Parse %USERID%
$link[0] = 

str_replace('%USERID%',$current_user->ID,$link[0]);
$link[0] = 

str_replace('%userid%',$current_user->ID,$link[0]);
echo '<li 

class="page_item">'.$link[0].'</li>';
}
}

$redir = 

trim(stripslashes(get_option('sidebarlogin_logout_redirect')));
if (!$redir || empty($redir)) $redir = 

sidebar_login_current_url('nologout');

echo '<li class="page_item"><a 

href="'.wp_logout_url($redir).'">'.$thelogout.'</a></li></ul>';

} else {

// User is NOT logged in!

if (empty($thelogin)) $thelogin = 

get_option('sidebarlogin_heading');

echo $before_widget . $before_title .'<span>'. $thelogin 

.'</span>' . $after_title;

global $login_errors;

if ( is_wp_error($login_errors) && 

$login_errors->get_error_code() ) {

foreach ($login_errors->get_error_messages() 

as $error) {
$error = 

apply_filters('sidebar_login_error', $error);
echo '<div class="login_error">' . 

$error . "</div>\n";
break;
}

}

// Get redirect URL
$redirect_to = 

trim(stripslashes(get_option('sidebarlogin_login_redirect')));

if (empty($redirect_to)) :
if (isset($_REQUEST['redirect_to'])) 
$redirect_to = 

$_REQUEST['redirect_to'];
else
$redirect_to = 

sidebar_login_current_url('nologout');
endif;

// login form
if (force_ssl_login() || force_ssl_admin()) 

$sidebarlogin_post_url = str_replace('http://', 'https://', 

sidebar_login_current_url()); else $sidebarlogin_post_url = 

sidebar_login_current_url();
?>
<center><form method="post" action="<?php echo 

$sidebarlogin_post_url; ?>">

<p><label for="user_login"><?php echo 

$theusername; ?></label> <input name="log" value="<?php if 

(isset($_POST['log'])) echo esc_attr(stripslashes($_POST['log'])); ?>" 

class="text" id="user_login" type="text" /></p>
<p><label for="user_pass"><?php echo 

$thepassword; ?></label> <input name="pwd" class="text" id="user_pass" 

type="password" /></p>

<?php
// OpenID Plugin 

(http://wordpress.org/extend/plugins/openid/) Integration
if 

(function_exists('openid_wp_login_form')) :
echo '
<hr 

id="openid_split" />
<p>
<label 

for="openid_field">' . __('Or login using an <a href="http://openid.net/what/" 

title="Learn about OpenID">OpenID</a>', 'sblogin') . '</label>
<input 

type="text" name="openid_identifier" id="openid_field" class="input mid" value="" 

/></label>
</p>
';
endif;
?>

<p class="rememberme"><input 

name="rememberme" class="checkbox" id="rememberme" value="forever" 

type="checkbox" /> <label for="rememberme"><?php echo $theremember; 

?></label></p>

<p class="submit">
<input type="submit" 

name="wp-submit" id="wp-submit" value="<?php _e('Login &raquo;', 'sblogin'); 

?>" />
<input type="hidden" 

name="redirect_to" class="redirect_to" value="<?php echo $redirect_to; ?>" />
<input type="hidden" 

name="sidebarlogin_posted" value="1" />
<input type="hidden" 

name="testcookie" value="1" />
</p>

<?php if (function_exists('fbc_init_auth')) 

do_action('fbc_display_login_button'); // Facebook Plugin ?>

</form></center>
<?php 
// Output other links
$links = '';
if (get_option('users_can_register') && 

get_option('sidebarlogin_register_link')=='1') { 

if (!is_multisite()) {

$links .= '<li><a 

href="'.get_bloginfo('wpurl').'/wp-login.php?action=register" 

rel="nofollow">'.$theregister.'</a></li>';

} else {

$links .= '<li><a 

href="'.get_bloginfo('wpurl').'/wp-signup.php" 

rel="nofollow">'.$theregister.'</a></li>';

}
}
if (get_option('sidebarlogin_forgotton_link')=='1') : 

$links .= '<li><a 

href="'.get_bloginfo('wpurl').'/wp-login.php?action=lostpassword" rel="nofollow">'. 

$thelostpass .'</a></li>';

endif; 
if ($links) echo '<ul 

class="sidebarlogin_otherlinks">'.$links.'</ul>';
}

// echo widget closing tag
echo $after_widget;
}

/* Init widget/styles/scripts */
function widget_wp_sidebarlogin_init() {

// CSS
if (is_ssl()) $myStyleFile = str_replace('http://','https://', 

WP_PLUGIN_URL) . '/sidebar-login/style.css';
 else $myStyleFile = WP_PLUGIN_URL . '/sidebar-login/style.css';
 wp_register_style('wp_sidebarlogin_css_styles', $myStyleFile);
 wp_enqueue_style('wp_sidebarlogin_css_styles');
 
// Scripts
wp_register_script('blockui', WP_PLUGIN_URL . 

'/sidebar-login/js/blockui.js', array('jquery'), '1.0' );
wp_register_script('sidebar-login', WP_PLUGIN_URL . 

'/sidebar-login/js/sidebar-login.js', array('jquery', 'blockui'), '1.0' );
wp_enqueue_script('jquery');
wp_enqueue_script('blockui');
wp_enqueue_script('sidebar-login');

// Register widget
class SidebarLoginMultiWidget extends WP_Widget {
 function SidebarLoginMultiWidget() { 
 $widget_ops = array('description' => __( 'Sidebar 

Login.','sblogin') );
$this->WP_Widget('wp_sidebarlogin', 

__('Sidebar Login','sblogin'), $widget_ops); 
 }
 function widget($args, $instance) { 
 
 widget_wp_sidebarlogin($args);

 }
} 
register_widget('SidebarLoginMultiWidget');

}
add_action('init', 'widget_wp_sidebarlogin_init', 1);

/* Login Action */
function widget_wp_sidebarlogin_check() {

if (isset($_POST['sidebarlogin_posted'])) {

global $login_errors;

// Get redirect URL
$redirect_to = 

trim(stripslashes(get_option('sidebarlogin_login_redirect')));

if (empty($redirect_to)) :
if (isset($_REQUEST['redirect_to'])) 
$redirect_to = 

$_REQUEST['redirect_to'];
else
$redirect_to = 

sidebar_login_current_url('nologout');
endif;

// Check for Secure Cookie
if ( is_ssl() && force_ssl_login() && !force_ssl_admin() && ( 

0 !== strpos($redirect_to, 'https') ) && ( 0 === strpos($redirect_to, 'http') ) ) 

$secure_cookie = false;
else $secure_cookie = '';

// Login
$user = wp_signon('', $secure_cookie);

// Redirect filter
if ( $secure_cookie && false !== strpos($redirect_to, 

'wp-admin') ) $redirect_to = preg_replace('|^http://|', 'https://', $redirect_to);
$redirect_to = apply_filters('login_redirect', $redirect_to, 

isset( $redirect_to ) ? $redirect_to : '', $user);

// Check the username
if ( !$_POST['log'] ) :
$user = new WP_Error();
$user->add('empty_username', 

__('<strong>ERROR</strong>: Please enter a username.', 'sblogin'));
elseif ( !$_POST['pwd'] ) :
$user = new WP_Error();
$user->add('empty_username', 

__('<strong>ERROR</strong>: Please enter your password.', 'sblogin'));
endif;

// Show result based on whether its by ajax or not
if (sidebar_login_is_ajax()) :
if ( !is_wp_error($user) ) :
echo 'SBL_SUCCESS';
else :
foreach ($user->errors as $error) {
echo $error[0];
break;
}
endif;
exit;
else :
if ( !is_wp_error($user) ) :
wp_safe_redirect($redirect_to);
exit;
endif;
endif;

$login_errors = $user;

}
}
add_action('init', 'widget_wp_sidebarlogin_check', 0);


/* Detect AJAX login */
if (!function_exists('sidebar_login_is_ajax')) {
function sidebar_login_is_ajax() {
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && 

strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') 

return true; else return false;
}
}

/* Get Current URL */
if ( !function_exists('sidebar_login_current_url') ) {
function sidebar_login_current_url( $url = '' ) {

$pageURL = 'http://';
$pageURL .= $_SERVER['HTTP_HOST'];
$pageURL .= $_SERVER['REQUEST_URI'];
if ( force_ssl_login() || force_ssl_admin() ) $pageURL = 

str_replace( 'http://', 'https://', $pageURL );

if ($url != "nologout") {
if (!strpos($pageURL,'_login=')) {
$rand_string = md5(uniqid(rand(), 

true));
$rand_string = substr($rand_string, 0, 

10);
$pageURL = add_query_arg('_login', 

$rand_string, $pageURL);
}
}

return $pageURL;
}
}

[rocknbil]

Try to reduce your code the the least common denominator that reflects the problem . . .code dumps are largely ignored.

<center> has long been deprecated for visual centering. Try this:

<form method="post" style="margin:auto;" action="<?php echo $sidebarlogin_post_url; ?>">

Note a couple things about margin:auto: if the display style has been set to inline on the form, it won't work. If the form is floated, it won't work (use a margin left or right, in the direction of the float, if this is the case.)

text-align:center is not likely to help you.

[Matthew1980]

Hi there,

I agree completely with Rocknbil on this, though my preference would be to enclose the form tags within a div tag so that you can apply all the style tags into that from your css file; this is just me being a pedant over such things.

But try not to use the <center> tags as they are completely superseded by using css - it really is a nifty trick to centre entire pages using the 'margin: auto;' instruction; have a mooch around the css forum, you'll pick up valuable advice/pointers in there.

And lastly, again, I will agree with rocknbil about the code dumps; people seldom reply to them as they see it as being "too much like homework".

Regards,
MRb

[bucknasty]

Thank you all for your suggestions. I will try to implement your tips. My apologies for all the code.

Thanks

[bucknasty]

Thanks guys the tip worked great. I really appreciate your help.