From: shapper on
Hello,

On the following example:

http://www.flyondreams.net/layout.html

How can I have both the image and the list text aligned on the bottom?

At the moment they are vertically aligned on top.

Thanks,
Miguel
From: dorayme on
In article
<5e4d9c22-71ab-4dc6-a9fd-d2db527429bb(a)c3g2000yqd.googlegroups.com>,
shapper <mdmoura(a)gmail.com> wrote:

> Hello,
>
> On the following example:
>
> http://www.flyondreams.net/layout.html
>
> How can I have both the image and the list text aligned on the bottom?
>
> At the moment they are vertically aligned on top.
>


..wrap {display: table;}

..logo {
background: #000 url('Logo.gif');
height: 80px;
width: 340px;
display: table-cell;
}

..nav {display: table-cell;}

with

<div class="wrap">
<h1 class="logo"></h1>
<ul class="nav"><li>List item</li></div>
</div>

should give you an idea to play with quickly before you dive into your
kitchen and order all the cooks to start cooking.

--
dorayme