Jump to content
xisto Community

henwolf

Members
  • Content Count

    1
  • Joined

  • Last visited

Posts posted by henwolf


  1. i dont know what happened, i did posted my content, anyway if a mod sees this can it be fixed? heres what i wanted to post:
    -->

    Hope you guys dont mind hehe, i now have another problem (as i did happen to solve the last one about floating)...

    This one is about a horizontal menu (based on sucker fish menu from ala (a list apart), inside a containing div... the html is like this:

    <div id="main_menu">
    <ul>
     <li>Menu Item
        <ul>
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
     </li>
    </ul>



    Basically, (of course, with aditional items) this is my menu... and the css:

    div#main_menu ul li {float:left;position:relative;width:10em;}

    And other stuff that sets the menu, but what i want is to add a consistent color for all the menu and of course, as some one told me in the last tread about the floating trouble, the floats are not in the normal flow of the document, so they dont have a reference of where to show its background...

    So unless i add a background to each li (becouse even the ul wont show a background), i cant have a color... And what i need is that the containing div (in this case, div#main_menu) shows a background for all the horizontal block where it displays the menu, so that it fits the wide window where its laid...

    Aditionally, i notice that by resizing the browser, this particular structure of menu, stops showing the content of the submenu if the window gets too small (horizontally), and the content is fit to the window, so its always showing all of the first menu items, dont know if you understand me, but i dont want the content to stay within the visual part of the browser, i want it to overflow vertically so that it can always show the submenu, if some one has done this tutorial or read it on the above link from a list apart i would apreciate...

    Thanks a lot!

    Hi Lozbo

    I have this problem with div & ul. Seems like its the one which you encountered and solved before.

    This is my html code.

    <ul>
    <li>
    <div>like a float to be displayed once user hover over the li</div>
    </li>
    <li>xxx</li>
    <li>xxx</li>
    <li>xxx</li>
    </ul>

    The problem is that the div is blocked by the other li when displayed.

    I hope you can help me.
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.