list box size

[The Wizard]

How can I control the width of this list box? right now the box goes all the way across and I am trying to create a list box like a portal block.

Thanks

Wiz

Koodi [Valitse] Laajenna


echo '
<div class="cat_bar">
<h3 class="catbg">
', $txt['shop_wizard'], '
</h3>
</div>
<div class="windowbg">
<ul>
<li><a href="' . $scripturl . '?action=shop_main">' . $txt['shop_link_home'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_buy">' . $txt['shop_link_buy'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_inv">' . $txt['shop_link_inv'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_sendmoney">' . $txt['shop_link_sendmoney'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_senditems">' . $txt['shop_link_senditem'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_invother">' . $txt['shop_link_otherinv'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_bank">' . $txt['shop_link_bank'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_trade">' . $txt['shop_link_trade'] . '</a></li>
</ul>
</div>';


[Mick.]

I dont know something like...

Koodi [Valitse] Laajenna

.box ul {
    float: left;
    width: 200px;
    height: 200px;
    list-style-type: none;
}

Koodi [Valitse] Laajenna

echo '
<div class="cat_bar">
<h3 class="catbg">
', $txt['shop_wizard'], '
</h3>
</div>
<div class="windowbg">
         <div class="box">
<ul>
<li><a href="' . $scripturl . '?action=shop_main">' . $txt['shop_link_home'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_buy">' . $txt['shop_link_buy'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_inv">' . $txt['shop_link_inv'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_sendmoney">' . $txt['shop_link_sendmoney'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_senditems">' . $txt['shop_link_senditem'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_invother">' . $txt['shop_link_otherinv'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_bank">' . $txt['shop_link_bank'] . '</a></li>
<li><a href="' . $scripturl . '?action=shop_trade">' . $txt['shop_link_trade'] . '</a></li>
</ul>
                 </div>
</div>';

[Colin]

Yeppers. CSS is your friend.

[The Wizard]

Yeppers. CSS is your friend.

You would think except it does not work.

Wiz

[Mick.]

Hard to write something without testing while on my iPhone.

Nonetheless that's a start. Alls you need to do is play with it.

[The Wizard]

I'm trying to create something like this -


the box to left is the one I'm working on right now

Thanks

Wiz