CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Free 3 Months
Zone: > NEWSGROUP > Asp.Net Forum > starter_kits_and_source_projects.classifieds_starter_kit Tags:
Item Type: NewsGroup Date Entered: 8/20/2007 3:04:32 AM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 1 Views: 20 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
2 Items, 1 Pages 1 |< << Go >> >|
tianjie
Asp.Net User
How to change the layout of categories on the default page?8/20/2007 3:04:32 AM

0/0

By default, the categores are displayed like this:

category1  category2
 item1        item1
 item2        item2
 item3        item3
                 item4
                 item5 

category3  category4   
 item1        item1
 item2        item2
 item3        item3

How do I change it to be like below?


category1  category2
 item1        item1
 item2        item2
 item3        item3
                  item4 
category3   item5
 item1     
 item2       category4
 item3          item1
                   item2
category5    item3
 item1
 item2
johram
Asp.Net User
Re: How to change the layout of categories on the default page?8/20/2007 6:39:41 AM

0/0

 Think of it as a table with two columns. Put all odd categories in the first column and the even columns in the second. Although it could be implemented with a HTML table, I would suggest to use a more clean css solution: 

<div style="float: left; ">
<p>Category1<br />
Item1<br />
Item2<br />
Item3<br /></p>
<p>Category3<br />
Item1<br />
Item2<br />
Item3<br />
</p>
<p>
Category5<br />
Item1<br />
Item2<br />
</p>
</div>
<div style="float:left;">
<p>Category2<br />
Item1<br />
Item2<br />
Item3<br />
Item4<br />
Item5<br />
</p>
<p>
Category4<br />
Item1<br />
Item2<br />
Item3<br />
</p>
</div>

Note that you might need to clear the float chain (clear: both) on the next element after this construct.

A good link on the subject: Floatutorial. 

If this post was useful to you, please mark it as answer. Thank you!
2 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
PC Magazine Office 2007 Solutions Authors: Joli Ballew, S. E. Slack, Jerri L. Ledford, Pages: 422, Published: 2006
Macromedia Dreamweaver 8: Training from the Source Authors: Khristine Annwn Page, Pages: 590, Published: 2006
Managing Projects with Microsoft Project 2000: For Windows Authors: Gwen Lowery, Teresa Stover, Pages: 464, Published: 2002
Building Online Communities with Drupal, PhpBB, and WordPress Authors: Robert T. Douglass, Mike Little, Jared W. Smith, Pages: 530, Published: 2006
Yahoo! Hacks: Tips & Tools for Living on the Web Frontier Authors: Paul Bausch, Pages: 464, Published: 2005
Adobe Creative Suite 3 Web Premium All-in-One Desk Reference For Dummies: All-in-one Desk Reference for Dummies Authors: Damon Dean, Andy Cowitt, Jennifer Smith, Christopher Smith, Pages: 882, Published: 2007
Microsoft Office SharePoint Server 2007: The Complete Reference Authors: David Matthew Sterling, David Sterling, Pages: 788, Published: 2007
Adobe Acrobat 7.0 QuickSteps: QuickSteps Authors: Marty Matthews, John Cronan, Pages: 240, Published: 2005
Finale 2005 Power! Authors: Mark Johnson, Pages: 424, Published: 2004
Professional Crystal Reports for Visual Studio .NET Authors: David McAmis, Pages: 384, Published: 2004

Web:
How to change the layout of categories on the default page? - ASP ... How to change the layout of categories on the default page? Last post 08-20-2007 2:39 AM by johram. 1 replies. Sort Posts: ...
Joomla! • View topic - layout=default Change in 1.5.6 to section view Post subject: Re: layout=default Change in 1.5.6 to section view .... Click a Category link, the Category Page shows as a Category Blog layout. ...
Adobe Reader: Change the Default Page Layout | Windows | Tech-Recipes Mar 14, 2008 ... Under Categories, select Page Display. 4. On the right, in the Default Layout and Zoom section, use the Page Layout dropdown to select the ...
Change default Facebook layout with PageRage Oct 3, 2008 ... It does not actually modify the Facebook page, it just adds the new layout ... 3 Responses to “Change default Facebook layout with PageRage” ...
How to change the category list page number of Joomla 1.5 Jun 25, 2008 ... In Joomla1.5, the default articles category layout is 'Category List Layout', ... How to change the category list page number of Joomla 1.5 ...
How to Make Your Page Layout Settings as Default in Word 2007? Under the tab Margins, click Default which is on the lower left corner. Click Yes. Change Default Settings of Page Layout Setup in Word 2007 ...
HOW TO Change Your Store Layout Page Sections (whether or not to show navigation bar and category tree) .... A new category has the default values set up for its products layout, ...
Magento - Default Category layout: change to 2-column? - 'How do I ... Default Category layout: change to 2-column? ... catalog > manage categories > ( cilck on a category) > Custom Design (Page layout drop down) ...
How to change by default layout? - How to for Advanced Users ... if you would change your default layout and use your own layout read my page: http://gpc.tipstricks.googlepages.com/background.html ...
Florida Institute of CPAs Adobe Reader: Change the Default Page Layout Adobe Reader: Change the Default Page Layout. tech-recipes.com [10/7/2008] ... Under Categories, select Page Display. Default Layout Acrobat Reader ...

Videos:
Mac OS Automator: Doing things over and over is over. Google TechTalks June 27, 2006 Sal Soghoian ABSTRACT Mac OS X "Tiger" introduces Automator, a new application that automates anything on your compu...
An Introduction to SQLite Google TechTalks May 31, 2006 Richard Hipp ABSTRACT SQLite is a small C library that implements a self-contained, embeddable, zero-configuration SQ...




Search This Site:










problem with schema files

smart client starter kit/example?

stopping a file being published

change webdev.webserver.exe settings for localhost

how to share a library file

problem when deploying web application project over vs2005 web site project

how to save logical datacenter diagram as an image

publishing to remote or local server has stopped working v2.0

vs 2005 settings problem

fresh install of vs2005 - control errors now!

visual studio 2005, web projects, sourcesafe and deleting files

disabling visual studio 2005 webdev server

expression cannot be evaluated while in design mode

is there a bug in c# compiler?

code behind vs non code behind

objectdatasource can't see business objects in app_code

help: can't see line number

unable to open server explorer

autopostback textbox cause an error in mozilla in asp.net 2.0

new to visual studio

vs 2005 does not support components

adding user control (.ascx) display issue

vs.net 2005 copy web ftp command via proxy server

duwamish - enterprise samples ? are there in vs 2005

how do i capture the error number in the global.asax page?

insert checkbox in datagrid on windows forms with vb.net

running an application from other computers

code snippet support

toolbox options

immediate window
  Privacy | Contact Us
All Times Are GMT