Re: [WebDNA] Styling search results [using css]

This WebDNA talk-list message is from

2009


It keeps the original formatting.
numero = 102381
interpreted = N
texte = Thanks Michael. Any idea how to do it without using tables - just CSS? Maybe this is one of those times to compromise, but I really need to avoid tables unless I am displaying tabular data. Thanks, -Chris On 4/9/09 10:52 AM, "Michael A. DeLorenzo" wrote: > I use something like this frequently. I forgot if I wrote this code or if I > changed someone else's to work for my purpose. In any case, it works :) > > BTW...This is for 3 col output. Just change the number in the math var to > the number you need. > > > [search db=../dbs/member.db&neskudatarq=0&lastNamesort=1&lastNameType=text] > [math show=f]cols=ceil([numfound]/3)[/math] > [math show=f]offset=cols[/math] > > [loop start=1&end=[cols]] > [math show=f]offset=offset-1[/math] > [founditems] > [showif [math]([index]+[offset])\[cols][/math]=1] > > [/showif] > [/founditems] > [/loop] >
> [namePrefix] [firstName] [middleInitial][hideif [middleInitial]=].[/hideif] > [lastName] [namesuffix] [hideif [nickName]=]([nickName])[/hideif] >
[/search] > > > > Michael > > -----Original Message----- > From: cw@e-wave.net [mailto:cw@e-wave.net] > Sent: Thursday, April 09, 2009 1:17 PM > To: talk@webdna.us > Subject: [WebDNA] Styling search results > > So, my search works when I just list the results in a single column and the > CSS layout works with static data. But, what I need to do is to display 2 > columns (or rows) of results, like this: > > 1 3 > 2 4 > > or: > > 1 2 > 3 4 > > Any suggestions are greatly appreciated. > > Thanks, > -Chris > -------------------------- > > css: > > #box{ > width:690px; > overflow:hidden; > } > #box li{ > float:left; > width:350px; > overflow:hidden; > } > #box .col2{ > width:340px; > } > #box li img{ > float:left; > } > #box li .breif{ > float:left; > width:230px; > } > > > code: > > > > ### Associated Messages, from the most recent to the oldest:

    
  1. Re: [WebDNA] Styling search results [using css] (Chris Wilkinson 2009)
  2. RE: [WebDNA] Styling search results [using css] ("Olin Lagon" 2009)
  3. Re: [WebDNA] Styling search results [using css] (Donovan Brooke 2009)
  4. Re: [WebDNA] Styling search results [using css] (Donovan Brooke 2009)
  5. Re: [WebDNA] Styling search results [using css] (William DeVaul 2009)
  6. Re: [WebDNA] Styling search results [using css] ("Dan Strong" 2009)
  7. Re: [WebDNA] Styling search results [using css] ("Dan Strong" 2009)
  8. Re: [WebDNA] Styling search results [using css] (Chris Wilkinson 2009)
  9. Re: [WebDNA] Styling search results [using css] (Chris Wilkinson 2009)
  10. Re: [WebDNA] Styling search results [using css] (William DeVaul 2009)
  11. Re: [WebDNA] Styling search results [using css] ("Dan Strong" 2009)
  12. Re: [WebDNA] Styling search results [using css] ("Dan Strong" 2009)
  13. Re: [WebDNA] Styling search results [using css] ("cw@e-wave.net" 2009)
Thanks Michael. Any idea how to do it without using tables - just CSS? Maybe this is one of those times to compromise, but I really need to avoid tables unless I am displaying tabular data. Thanks, -Chris On 4/9/09 10:52 AM, "Michael A. DeLorenzo" wrote: > I use something like this frequently. I forgot if I wrote this code or if I > changed someone else's to work for my purpose. In any case, it works :) > > BTW...This is for 3 col output. Just change the number in the math var to > the number you need. > > > [search db=../dbs/member.db&neskudatarq=0&lastNamesort=1&lastNameType=text] > [math show=f]cols=ceil([numfound]/3)[/math] > [math show=f]offset=cols[/math] > > [loop start=1&end=[cols]] > [math show=f]offset=offset-1[/math] > [founditems] > [showif [math]([index]+[offset])\[cols][/math]=1] > > [/showif] > [/founditems] > [/loop] >
> [namePrefix] [firstName] [middleInitial][hideif [middleInitial]=].[/hideif] > [lastName] [namesuffix] [hideif [nickName]=]([nickName])[/hideif] >
[/search] > > > > Michael > > -----Original Message----- > From: cw@e-wave.net [mailto:cw@e-wave.net] > Sent: Thursday, April 09, 2009 1:17 PM > To: talk@webdna.us > Subject: [WebDNA] Styling search results > > So, my search works when I just list the results in a single column and the > CSS layout works with static data. But, what I need to do is to display 2 > columns (or rows) of results, like this: > > 1 3 > 2 4 > > or: > > 1 2 > 3 4 > > Any suggestions are greatly appreciated. > > Thanks, > -Chris > -------------------------- > > css: > > #box{ > width:690px; > overflow:hidden; > } > #box li{ > float:left; > width:350px; > overflow:hidden; > } > #box .col2{ > width:340px; > } > #box li img{ > float:left; > } > #box li .breif{ > float:left; > width:230px; > } > > > code: > > > > ### "cw@e-wave.net"

DOWNLOAD WEBDNA NOW!

Top Articles:

Talk List

The WebDNA community talk-list is the best place to get some help: several hundred extremely proficient programmers with an excellent knowledge of WebDNA and an excellent spirit will deliver all the tips and tricks you can imagine...

Related Readings:

Question about replacing words (1998) latest version? (1998) How do I hyperlink to returned image filename? (2000) Categories (2000) WebCommerce: Folder organization ? (1997) Date search - yes or no (1997) Possible Shownext from Listfiles???? (2000) [WebDNA] WebDNA Roll Call (2013) PIXO support (1997) webcat (2000) Multiple prices (1997) webcat- multiple selection in input field (1997) Order not created error (1997) Include files (1998) Sendmail and Formvariables (2000) [replace] fails with too many formvariables? (2000) Mac: [ListFiles] bug alert (1997) [WebDNA] Sorry WebDNA server not running (2014) WebCat and WebTV (1997) Shipcost lookup? (1997)