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> 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> 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> 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> 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> 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>