I tried the vertical-align in the class brand but did not work. There is an
image where the .brand class is used and then we have a div nav-collapse
which contains the UL and its the UL that I would like to center vertically
against the image
any ideas ?
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse"
data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand">
<img border="0" class="ccm-image-block" alt=""
src="/files/2113/4547/1565/logo.gif" width="400" height="77">
</a>
<div class="nav-collapse collapse" style="height: 0px; ">
this is the UL that needs to vertically aligned to the above image
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
On Wednesday, 1 August 2012 13:55:25 UTC+1, iange87 wrote:
>
> I think what you need is the vertical-align
> property<http://www.w3schools.com/cssref/pr_pos_vertical-align.asp>.
> I'm guessing that you're using .brand for the image so some css like:
> ".brand {vertical-align:text-bottom}" should do the trick.
>
> On Wednesday, July 25, 2012 7:04:59 PM UTC+1, Mel wrote:
>>
>> I have a question on the Navbar. I have a problem with this and am not
>> sure how to go about it. I need to include a logo on the left, and have
>> the links bottom aligned with the logo. Can anyone please assist? Thanks!
>>
>
