Doubts Css - Unify Divs

1

Hello everyone, good afternoon!

See the image below, is there any css property in which I can remove the split line from the 2 divs so the content stays the same? or the best option would be to get an image already in the format I desire? Thanks!

Css

nav.navbar.navbar-inverse{position:fixed;height:45px;background-color:rgba(255,255,255,.5);left:24%;width:100%;border:none;float:left;-webkit-transform:skew(-9.5deg);/*Chrome,Opera*/-ms-transform:skew(-9.5deg);/*IE*/transform:skew(-9.5deg);/*Padrão*/z-index:804;}.logo-topo{position:fixed;background-color:rgba(255,255,255,.5);float:left;height:165px;left:-3%;width:380px;-webkit-transform:skew(-10.0deg);/*Chrome,Opera*/-ms-transform:skew(-10.0deg);/*IE*/transform:skew(-10.0deg);/*Padrão*/z-index:805;border:none;border-radius:none;}

HTML

Menu

<!--MenudoSite--><navclass="navbar navbar-inverse">
          <div class="container-fluid">
            <ul class="nav navbar-nav">
              <?php 
                // verificando se existe um diretorio raiz cadastrado para fins de desenvolvimento (configuration.php)
                $dir = diretorio();
              ?>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home": URL::getBase()."/".$dir."/home/home"?>><i class="fa fa-home"></i>&nbsp; Home</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#seguros": URL::getBase()."/".$dir."/home/home#seguros" ?>><i class="fa fa-bars" aria-hidden="true"></i>&nbsp; Quem Somos</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#seguradora": URL::getBase()."/".$dir."/home/home#seguradora"?>><i class="fa fa-university" aria-hidden="true"></i>&nbsp; Serviços</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/noticias": URL::getBase()."/".$dir."/home/noticias"?>><i class="fa fa-newspaper-o" aria-hidden="true"></i>&nbsp; Noticias</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#faleconosco": URL::getBase()."/".$dir."/home/home#faleconosco"?>><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp; Contato</a></li>
             </ul>

           </div>
        </nav>

Logo

<!-- classe para centralizar -->
<div class="container">
    <div class = "logo-topo">
      <!-- imagem do logo -->
        <?php
          foreach($result_logo as $dados_logo){
          echo"<a href='index.php'><img id='logo' src='$dados_logo->caminho_logo' alt='LogoTipo' width= '250'></a>";
          }
        ?>
    </div>
</div>
    
asked by anonymous 15.07.2017 / 00:14

1 answer

0

I believe the solution would be to separate them and determine the different size and positioning (use transparent background in PNG). I may be wrong, but I did not find any irregularities in your code.

    
15.07.2017 / 01:36