Tänään on 20.02.2020 23:23
Kaikki ajat ovat UTC + 2 tuntia

Vertical-align play button with mobile navbar-button

kaikki muu keskustelu taivaan ja maan väliltä.

Vertical-align play button with mobile navbar-button

ViestiKirjoittaja Joseph Reginald » 18.01.2020 15:28

I want to vertical-align and align="right" the play button with the button of the navbar menu - the one with the three bars. You can view the site here m.vtxfactory.org - try viewing with a lower resolution.

Here is the code I used for a temporary solution but it doesn't scale as it should when I try viewing the site in different resolutions.<nav class="navbar navbar-inverse" style="z-index: 1000000000000000000;background-color: #000;position: fixed;width: 100%;">
<div class="container-fluid">
<div class="navbar-header">
<button style="margin-right: 15px;z-index: 1000000000000000000000000000" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#topp1" id="anchor0" class="anchorLink"><img src=images/vtxfactorylogo.png style="margin:8px;padding-left:-5px;max-width:50%;max-height:80px;" alt="main logo of website, vtx factory, vtxfactory.org, vtxfactory, business solutions, web design, audio production, 3d rendering, web development, html, css, javascript, jquery, web hosting, design, view more graphic, view more design, graphic design, digital, agency"></a>
<div class="align-middle col-sm-2" style="color: #fff;position: absolute;top:17%;right:7vw;">
<audio id=myAudio></audio>
<audio id=peaks-audio preload=auto>Your browser does not support the audio element.</audio>
<button style="background-color: #000" id=idj-play-button onclick=StartOrStop() class="btn btn-lg"><i class="glyphicon glyphicon-play"></i>
</button>
<button style="background-color: #000" id=idj-pause-button onclick=StartOrStop() class="btn btn-lg hide"><i class="glyphicon glyphicon-refresh"></i>
</button>
</div>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a style="font-size: 6vw;line-height:6vw;" href="#topp1" id="anchor1" class="anchorLink">Home</a></li>
<li><a style="font-size: 6vw;line-height:6vw;" href="#featuress1" id="anchor2" class="anchorLink">Features and Plans</a></li>
<li><a style="font-size: 6vw;line-height:6vw;" href="#newsletterr1" id="anchor3" class="anchorLink">Newsletter</a></li>
<li><a style="font-size: 6vw;line-height:6vw;" href="#testimonialss1" id="anchor4" class="anchorLink">Testimonials</a></li>
<li><a style="font-size: 6vw;line-height:6vw;" href="#contactss1" id="anchor5" class="anchorLink">Contacts</a></li>
<li><a style="font-size: 6vw;line-height:6vw;" href="/policy/" target="_blank" id="anchor6" class="anchorLink">Policy</a></li>
</ul>
</div>
</div>
</nav>
Joseph Reginald
Aloittelija
 
Viestit: 1
Liittynyt: 18.01.2020 15:25

Re: Vertical-align play button with mobile navbar-button

ViestiKirjoittaja kega » 07.02.2020 16:35

:D :D :D :D
Avatar
kega
Aloittelija
 
Viestit: 7
Liittynyt: 07.02.2020 16:32

Paluu Yleinen keskustelu

  • Et voi kirjoittaa uusia viestejä
    Et voi vastata viestiketjuihin
    Et voi muokata omia viestejäsi
    Et voi poistaa omia viestejäsi
  • Paikallaolijat

    Käyttäjiä lukemassa tätä aluetta: Ei rekisteröityneitä käyttäjiä ja 3 vierailijaa

cron