How to maintain List/Menu position online

Asked

Viewed 54 times

1

Hello I am trying to leave a List/Menu on the same line as the description of a particular product I present to the user but as the line uses a H1 my List/Menu accompanies the text size, I created a div named as right for some unsuccessful attempts.

        <h1 id="page-title"><a href="produtos.php?dep=<?php echo $row_rsDepartamento['id_departamento']; ?>"><?php echo $row_rsDepartamento['descricao'];  ?></a> &gt; <a href="produtos.php?dep=<?php echo $row_rsDepartamento['id_departamento']; ?>&sub=<?php echo $row_rs_Subdepartamento['id_subdepartamento']; ?>"><?php echo $row_rs_Subdepartamento['descricao']; ?></a>
        <div id="direita">
            <form action="produtos.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
             <select name="filtro" id="filtro" onChange="this.form.submit();">
               <option value="0">Ordenar por:</option>
               <option value="1">Popularidade</option>
               <option value="2">A-Z</option>
               <option value="3">Z-A</option>
               <input name="dep" type="hidden" value="<?php echo $dep; ?>">
               <input name="sub" type="hidden" value="<?php echo $sub; ?>">
             </select>
            </form>
        </div>
      </h1>

The example can be seen here: List/Menu

Jsfiddle

css

  • Your page gave : "You have an error in your SQL syntax; check the manual that Corresponds to your Mysql server version for the right syntax to use near '' at line 1"

  • Hello @Wallace Maxters, I just edited the page, thanks for the comment.

  • @adventistapr, always try to post your doubts with SSCCE (Short, Self Contained, Correct (Compilable), Example - http://sscce.org/). I use http://jsfiddle.net/ or http://codepen.io/ to assemble your examples. this way it is even simpler for us to modify the same.

1 answer

2


try to do something similar:

<div class="clearfix">
    <div class="esquerda breadcrumbs">Breadcrumbs</div>
    <div class="direita">
        <select name="filtro" id="filtro">
               <option value>Selecione um Filtro</option>
               <option value="1">Popularidade</option>
               <option value="2">A-Z</option>
               <option value="3">Z-A</option>               
        </select>
    </div>
    <div class="direita">Ordenar por:</div>
</div>

You can access the full example at http://jsfiddle.net/70k6hx1h/1/

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.