ThemeShaper Forums » Thematic


Little CSS help

(3 posts)
  • Started 11 years ago by lstelie
  • Latest reply from lstelie
  • This topic is resolved
  1. Hello

    Insert-index is the zone under x posts where x widgets can be displayed.

    In my case it's after the first post with 3 widgets.

    The ouput html is

    <div id="index-insert" class="aside">
    	<ul class="xoxo">
                  <li id="text-3" class="widgetcontainer widget_text">
                        <h3 class="widgettitle">Texte 1</h3>
    	            <div class="textwidget"></div>
                   <li id="text-4" class="widgetcontainer widget_text">
                        <h3 class="widgettitle">Texte 2</h3>
    		    <div class="textwidget"></div>
                    <li id="text-5" class="widgetcontainer widget_text">
                         <h3 class="widgettitle">Texte 3</h3>
    		     <div class="textwidget"></div>
    </div><!-- #index-insert .aside -->

    I would like to display the three zones beside each other (list inline) but as stupid as it can seem I fail.

    Any bit of css code warmly welcom

    Thanks in advance


    Posted 11 years ago #
  2. Uhm... this should somewhat work, you are most likely just wanting the float bit, although you may want to also make the percentage a fixed width if needed.

    #index-insert .xoxo li { float: left; width: 33.3%; }
    Posted 11 years ago #
  3. Thanks a lot Scott !!

    I was failing struggling with display : inline...

    It works like a charm


    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.