Question

这是网站http://www.onetechsearch.com/recipes/?search=&images=1&from=&to=&cat=all

我有一个问题，我有两个元素，我的日志（在html中）和一个带有php脚本的箭头，我想把它们放在一起。箭头只显示在媒体设备上，但我无法找到将它们放在一起的方法。

Search.php

<style type="text/css">
.mylogo
{
    margin: auto;
    display: block; 
}
</style>

<div class="site-wrap">

<div id="left-sidebar">
<div id="as-button"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i></div>
                     <script>
                        jQuery(document).ready(function(){
                            jQuery('#as-button').on('click', function(event) {  
                                jQuery('#as-button').toggleClass('pressed');
                                jQuery('#advanced-search').toggle(0,'show');
                            });
                        });
                     </script>
<html>
<img src="https://i.imgsafe.org/98e95c17ab.png" width="50%"  title="OneTechSearch" class="mylogo" alt="OneTechSearch" />
</html>



    <div id="advanced-search">
       <form action="recipes" method="GET" id="searchF1">                
       <input id="sfield" type="text" name="search" placeholder="keywords" <?php if (!empty($searched_term)) {
      echo 'value="'.$searched_term.'"';} ?>>
<td>
 <div id="picture-side">
      <label for="picture">
            <input type="radio" name="images" value="1" id="picture" label class="radio-inline" 
            <?php if(isset($_GET["images"]) && $_GET["images"]=='1'){ echo 'Checked';} ?>>With Pictures</label></option> 
</div>
<div id="picture-side1">
    <label for="picture2">
            <input type="radio" name="images" value="0" id="picture2" 
            <?php if(isset($_GET["images"]) && $_GET["images"]=='0'){ echo 'checked';} ?>>Without Pictures</label></option> 
    </div>          
</td>

这是关于箭头的代码的一部分

Styles.css中

#advanced-search #as-button {
color:#fff;
padding:0.75em;
float:right;
margin: auto;
cursor:pointer;
height:80px;
border-radius:5px 5px 0 0;
}

#advanced-search #as-button.pressed{
background:#333;
}
#advanced-search #as-button i{
padding:0 0.5em;
font-size:2em;
#advanced-search #as-button .fa-search-plus {
font-size:1.4em;
#advanced-search #as-button {
    display: block;
    font-size: 1.3em;
    padding: 0 !important;
    width: 60%;
    height:auto;
    border-radius:5px;
}
#advanced-search #as-button i {
    font-size: 2em;
    padding: 3px 5px;
}
#advanced-search #as-button.pressed { background:none;}
#advanced-search #as-button.pressed i{ background:#333;}

我怎么能把两件物品放在一起呢？

0 个答案: