chrisdesigncymrucom

Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    I just figured it out. I made searchbox position:relative and added a z-index while leaving header and nav divs without a z-index. Thanks for all your help! Really appreciate it!

    Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    I’ve been playing around with it but to no avail. I have content and sidebar sections position:relative to be flexible with content but I need to keep the header position:absolute to prevent the layout screwing up. I can use the z-index to give each layer a priority if you like but even with the search box on top and floating right it overlays all the menu items.

    Has to be a workaround for this one, been searching endlessly but can’t find anything. Any other ideas?

    Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    I tried z-index:1; under searchform CSS but to no avail… should I be using it elsewhere?

    Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    Don’t apologize, I really appreciate your help here. Position:relative screws up my positioning and the searchform still hides behind the header even when I tried that. Sorry I can’t give you access to the site but hopefully this helps you understand why I needed to absolution position everything. It demonstrates the layout I’m working with.

    Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    Yes I did, it was positioned correctly but my menu item was not clickable and seems to be overlaid by the searchform div.

    Forum: Themes and Templates
    In reply to: SearchForm hidden behind Header background
    Thread Starter chrisdesigncymrucom

    (@chrisdesigncymrucom)

    16 years ago

    Image

    I have included snapshot of the header because the site is hosted locally right now, hope this helps.

    This is my Header.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">
<head>
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="background-color:#082e56;">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<div id="page-wrap">
	<div id="totum_banner">

    </div>
	<div id="header">

        <ul id="nav">
        	<?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
        </ul>
    </div>
<!-- End of Header -->

    I pulled the searchform out of the page-wrap div to avoid the position absolute but

    This is my CSS:

    #header {
	position:absolute;
	background:url(images/header_img.jpg) #082e55 no-repeat top;
	left:168px;
	top:0px;
	width:611px;
	height:217px;
}
#searchform {
	width: 220px;
	padding: 10px 135px 10px 10px;
	float:right;
}

Viewing 6 replies - 1 through 6 (of 6 total)