انجمن


مشکل در قرار گرفتن سرچ در جای مناسب  (۲ نوشته)

  • sobhan2012

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸
    # نوشته شده: ۱۰ سال پیش
    ۲۸ اردیبهشت ۱۳۹۲ - ۲۱:۱۰

    سلام
    من یه منو دارم که میخام سرچم درونه اون قرار بگیره . با کروم درست نمایش میده اما با فایرفاکس نه
    لطفا راهنمایی کنید.
    نمایش با فایرفاکس:

    http://www.imgiran.com/images/nlo6e9i03t9jo4mncbi.jpg
    نمایش با کروم (شکل صحیح):
    http://www.imgiran.com/images/bsyln1mhm11x3zrzu17s.jpg

    اینم کده Css:

    /* SEARCH FORM */
    .sideform {clear: both; overflow: hidden; text-align: center; padding-bottom: 20px;}
    .sidetext {width: 80%; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
    .sidebutton {padding: 2px 5px;}
    .notfoundform {clear: both; overflow: hidden; text-align: center;}
    .notfoundtext {width: 220px; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
    .notfoundbutton {}
    
    /* TOP MENU */
    #top-menu {height: 40px; z-index: 100; clear: both; padding-top: 10px; background: url('images/navi_bg.gif') repeat-x top center;}
    #top-menu li {font-family: tahoma, Arial; float: right; position: relative;}
    #top-menu li.current_page_item a, #top-menu li.current-cat a {color: #fff; background: #123e47;}
    #top-menu ul {display: none; position: absolute; z-index: 120; width: 200px; background: #215a65;}
    #top-menu ul li {display: block; width: 100%;}
    #top-menu li a {display: block; padding: 9px 10px; color: #fff;}

    اینم کده php فایل header.php
    اینو هم باید بگم که تا اینجا هم که اومده کدش رو دستکاری کردم

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
    <title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' &ndash; '; } ?> <?php bloginfo('name'); ?> &ndash; <?php bloginfo('description'); ?></title>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="<?php bloginfo('template_url'); ?>/SpryAccordion.css" rel="stylesheet" type="text/css">
    <?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); ?>
    </head>
    <body>
    <a name="top"></a>
    <div id="container">
    
    <ul id="top-menu">
    
    <li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">صفحه اول</a></li>
    <?php wp_list_pages('title_li'); ?>
    
    <li>
    
    <form  class="sideform" style="float:right; margin-right:550px; top:50px;" method="get" action="<?php bloginfo('url'); ?>">
    <input type="text" name="s"  size="5" title="جستجو" style="width:200px;" /><input type="submit" class="sidebutton" value="جستجو" />
    </form>
    
    </li>
    
    </ul>
    
    <div id="header">
    
    </div><!-- END Header -->
  • طراحی سایت

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰۴
    تشکر شده: ۵۳ بار
    # نوشته شده: ۱۰ سال پیش
    ۶ خرداد ۱۳۹۲ - ۱۹:۴۹

    sobhan2012 گفت:
    سلام
    من یه منو دارم که میخام سرچم درونه اون قرار بگیره . با کروم درست نمایش میده اما با فایرفاکس نه
    لطفا راهنمایی کنید.
    نمایش با فایرفاکس:

    http://www.imgiran.com/images/nlo6e9i03t9jo4mncbi.jpg
    نمایش با کروم (شکل صحیح):
    http://www.imgiran.com/images/bsyln1mhm11x3zrzu17s.jpg

    اینم کده Css:

    /* SEARCH FORM */
    .sideform {clear: both; overflow: hidden; text-align: center; padding-bottom: 20px;}
    .sidetext {width: 80%; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
    .sidebutton {padding: 2px 5px;}
    .notfoundform {clear: both; overflow: hidden; text-align: center;}
    .notfoundtext {width: 220px; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
    .notfoundbutton {}
    
    /* TOP MENU */
    #top-menu {height: 40px; z-index: 100; clear: both; padding-top: 10px; background: url('images/navi_bg.gif') repeat-x top center;}
    #top-menu li {font-family: tahoma, Arial; float: right; position: relative;}
    #top-menu li.current_page_item a, #top-menu li.current-cat a {color: #fff; background: #123e47;}
    #top-menu ul {display: none; position: absolute; z-index: 120; width: 200px; background: #215a65;}
    #top-menu ul li {display: block; width: 100%;}
    #top-menu li a {display: block; padding: 9px 10px; color: #fff;}

    اینم کده php فایل header.php
    اینو هم باید بگم که تا اینجا هم که اومده کدش رو دستکاری کردم

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
    <title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' &ndash; '; } ?> <?php bloginfo('name'); ?> &ndash; <?php bloginfo('description'); ?></title>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="<?php bloginfo('template_url'); ?>/SpryAccordion.css" rel="stylesheet" type="text/css">
    <?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); ?>
    </head>
    <body>
    <a name="top"></a>
    <div id="container">
    
    <ul id="top-menu">
    
    <li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">صفحه اول</a></li>
    <?php wp_list_pages('title_li'); ?>
    
    <li>
    
    <form  class="sideform" style="float:right; margin-right:550px; top:50px;" method="get" action="<?php bloginfo('url'); ?>">
    <input type="text" name="s"  size="5" title="جستجو" style="width:200px;" /><input type="submit" class="sidebutton" value="جستجو" />
    </form>
    
    </li>
    
    </ul>
    
    <div id="header">
    
    </div><!-- END Header -->

    آدرس سایت رو بدی خیلی راحت تره

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    caypiyouler

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.