CMS Display technique

Fed · December 2nd, 2009, 08:44 PM

Hi Imar,

Can you further elaborate on how exactly the display works for the large tabs on the main menu. I.e. how does the app display on a second row when the first row is filled up.

Can you also further elaborate on how exactly the display works for multiple entries on the same page? For example I created an item called "politics" with multiple categories. When any of these categories contain more than one "article" they display one after the other on the same page. How exactly does that work?

Just a smattering of additional info will suffice if it's not too much to ask.

Thanks

Imar · December 3rd, 2009, 09:15 AM

Hi Fed,

If I am not mistaken (it's been a while since I wrote it and I don't have the book here), the menu items float. Something like this:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

CSS:

ul
{
width: 200px;
}

li
{
width: 100px;
float: left;
}

Each list item (with a width of 100) floats to the next item. Since the <ul> has only room for two items, the third one is moved to the next line automatically.

Multiple items are displayed in a DataList control in the page ContentList.aspx

Do you have the book or are you just looking at the code? (Makes it easier to refer you to pages explaining things).

Cheers,

Imar

Fed · December 3rd, 2009, 09:57 AM

Imar,

I have the book but I'm pretty sure that the float is not covered, but if I missed it please direct me.

Thanks,

Fed

Imar · December 3rd, 2009, 10:09 AM

No, that's quite possible. The book's main focus is on ASP.NET, not on CSS techniques...

Imar