Manipulating Definition Lists for Fun and Profit

There is a really groovy photo gallery here. Too bad you can't see it. Go to www.macromedia.com and get the Flash player if you'd like to.

This is part one of a multi-part article on manipulating Definition Lists with CSS and some WordPress Link tricks (don’t ask how many parts yet, we’ll see when I run out of ideas). Even if you don’t use WordPress this article still explores a creative method of rendering Definition Lists in flexible multi-column layouts.

Have you ever wished you had more options or flexibility when it came to marking up WordPress Link Lists? I wanted a WP link list that could display in multiple columns with varying amounts of text, have the text below the image/link, a groovy background, and basically look nothing like your typical list.

If you haven’t been there yet, take a look at my Portfolio page which is marked up using this technique. A lot of my inspiration for this came from Douglas BowmanCSS SlidingDoors which has proved incredibly useful (it also allows my sidebar background to expand dynamically). The Sliding Door idea is that you use two HTML elements, one inside the other, each with half of a graphic, and as they expand or contract the graphic backgrounds slide to adjust for different sizes. Bowman used <li> and <a> in a horizontally expanding menu. I’m using <dt> and <dd> with vertical flexibility.

Marking up WordPress Lists as Definition Lists

If you’ve played around with WP lists you probably used get_linksbyname to display your lists.


<ul>
 <?php get_linksbyname('portfolio', '<li>', '</li>',
  '', TRUE, 'rating', TRUE, FALSE, -1, FALSE); ?>
</ul>

You can see what all the TRUEs and FALSEs are at the WordPress Codex get_linksbyname template tag description. It basically says ‘run through my list and start each item with an opening list element, place a break between the image/link and description, and then close up the list tag.’ This is great, but puts some confines on the display possibilities of the images and descriptions. Nothing says though that you can only use list tags. Try this on for size –


<dl>
  <?php get_linksbyname('portfolio', '<dt>', '</dd>',
   '</dt><dd>', TRUE, 'rating', TRUE, FALSE, -1, FALSE); ?>
</dd>
</dl>

You will end up with a definition list structured like this -


<dl class="portfolio">
  <dt>Image/link 1 </dt>
  <dd> Description 1</dd>
  <dt>Image/link 2 </dt>
  <dd> Description 2</dd>
  <dt>Image/link 3 </dt>
  <dd> Description 3</dd>
</dl>

Now I can control the margins, padding, float, etc. of the description text independently of the images because it is wrapped in its tag. And in case you are wondering where I put my call to get_linksbyname, I created a template named Portfolio with this call on it, and then assigned it to a Page named the same thing. Already pretty cool, but wait–there’s more with this Ginsu knife set.

Styling Fluid Multi-Column Definition Lists

Have you noticed everything in WordPress can look like a list? That’s because they are lists! This is great semantically, but starts to look tired to me. One of my requirements was that my link list appears in two or more columns, so the screaming lists! lists! lists! subsides a bit. Second, I want the description text to sit below the image/link. And third, I want a nice background that adjusts to varying text lengths. I may be using this technique to style WP links with an image above and description below, but you can also use this for any kind of information with headings in the <dt>, or anything else you can think of. Let’s start by defining the Definition List. In my Blog design I needed a fixed width for my <dl>, but a fluid example shows more of this technique’s flexibility. Check out the example here and be sure to play with your browser’s width.


dl.portfolio {
	width:80%;
	}

Here is where we start getting the elements to behave fluidly by floating the <dt> left. We also attach our first “Sliding Door here. The background image is attached to the top of the <dt> and to the bottom of the <dd> (see below). The two overlap or slide past each other to meet in the middle. I use a single oversized image, an idea borrowed from Roger Johansson’s CSS Teaser Box. The <dt> height allows for the size of my portfolio images that I assigned in the WP links admin, and the width is enough for the entire background to show. The zero margin and padding get rid of browser defaults.


dl.portfolio dt {
	float:left;
	background: url(images/twoToneBox.gif) no-repeat left top;
	width:240px;
	height:70px;
	margin: 0;
	padding:0;
	}

dd floated left
(image curtsey of Arnau Siches’ Catalan translation - thanks!)

The <dd> is slightly trickier. We float this left, but give it the same top margin as the height of the <dt> to push it down, and a negative left margin to pull it beneath. Using this technique we get the stacked look we want and maintain fluidity. The <dt> and <dd> will both float and stack up left to right filling the width assigned to your <dl>.

dd floated left
(image curtsey of Arnau Siches’ Catalan translation - thanks!)


dl.portfolio dd {
	float:left;
	background: url(images/twoToneBox.gif) no-repeat left bottom;
	width:210px;
	height:70px;
	padding:1px 21px 0 10px;
	margin:70px 0 40px -240px;
	font:normal 14px/1.2em Palatino, Times, Serif;
	color:#bca88c;
	}

If you’re familiar with the CSS box model you’ll notice that the width of the <dd> is reduced because of the padding I have introduced for the text. If you’re really sharp, you’ll notice that my total box width (210px + 21px + 10px = 241px) is 1px more than it should be. I don’t know why, but my layout collapsed on itself in FireFox with the proper width and adding a single extra pixel seemed to fix it. The <dd> has the other half of the Sliding Door background fixed to the bottom. I set the <dd> height large enough to accommodate the lengthiest text I will have. In some applications you might not need <dd> heights–you can just allow them to respond dynamically to the amount of text–but in this case the grid layout would be messed up if one box flowed up into the space created by a shorter box above. I also set some rules on how I’d like the text to display adjusting the font and color. Lastly, I toss in some extra styling for the images in our <dt>. I give it a border with 4 pixels of padding to make it framed in white. Then I added a hover effect to the image. Don’t forget–WordPress makes the image a link. If IE respected :hover properly I could have used img:hover, but since it doesn’t I used the img as a descendent selector on the a:hover pseudo-element, and it seems to work fine.


dl.portfolio dt img {
	background-color:#fff;
	padding:4px;
	margin:15px 0 0 15px;
	border:1px dashed #d78e7d;
	}

dl# portfolio dt a:hover img {
	background-color:#f5dbc0;
	border:1px solid #d78e7d;
	}

See the final example with css here. Well, that wraps up part 1 of Manipulating Definition Lists for Fun and Profit. I tested this on a Window XP box (I’m saving my pennies for a Mac) using Firefox 1.04, IE 6.0, Netscape 7.1, and Mozilla 1.6, and they all seem to work great. Opera 7.2, on the other hand, continues to piss me off. [update - Opera 8.0 works fine] If any Opera diehards can fix this layout for that browser I’d be pleased to hear about it, and if you experience problems on platforms other than the evil empire please let me know.

Translations - Catalan by Arnau Siches

30 Comments

  1. Colorado Contemplations - Journal » Blog Archive » Manipulating Definition Lists

    […] Manipulating Definition Lists Scott McDaniel has a very good article on Manipulating Definition Lists for Fun and Profit Have you ever wished you had more options or flexibility whe […]

  2. Keith

    Just looked at the “Final Example” on Opera 8 WinXP and seems to work.

  3. Milan Negovan

    This is a very nice post! Thank you.

    I’ve struggled with Opera on this too and it was driving me nuts. Whatever they changed in Opera 8 made the layout work though.

  4. Heiser Erwin

    Looks great on Safari and Firefox on Mac OS X as well.
    Lovely site you have here, kudos!

  5. Thomas

    Interesting article, thanks for the pointers and excellent explanation.

  6. Max Khokhlov

    Nice implementation of definition lists, great idea!
    Wanted to let you know, however, that the tecnique collapses in Opera (7.54) under MacOS X. The first 2 cells work just fine, but the rest go wild. In Opera 8 all’s fine, so I don’t think there’s need to worry about it whatsoever.

  7. a.css, esbudellant estàndards » Qüestió III: resposta

    […] sta 14/05/05 La solució —que originalment vaig veure a l’artícle Manipulating Definition Lists for Fun and Profit— seria la següent: Prime […]

  8. patrick h. lauke

    very nice and stylish. very superficially reminded me of some early experiment i did about a year ago. have a look at my corporate palette, built on definition lists http://www.splintered.co.uk/experiments/26/

  9. Scott McDaniel

    Thanks Patrick, yes I see the similarity, you could probably even do away with the li contatiners in your example all together and just use a floating definition list like here.

    But you do remind me I wanted to write more about floating list elements in some future article.

  10. Dalibor Dvorski » Blog Archive » An update and a few links

    […] //www.webreference.com/programming/css_style/index.html”> Styling definition lists and manipulating definition lists — Learn how to properly style definition lists using style sheets. Mobil […]

  11. Scott McDaniel » Blog Archive » CSS Reboot Recap, My picks, Thanks for Traffic

    […] ank Roger Johansson for the shout outs on his site and Stylegala about my recent article, Manipulating Definition Lists for Fun and Profit. His post spawned tons of others and lots and lots of traffic […]

  12. Derek Scruggs

    Hee hee! For WYSIWYG, you might want to try BlogJet - http://www.blogjet.com. It’s a Windows client and works with any blog. The only problem is that WP sometimes munges post slug field, so if you’re using SEO urls should verify a post works after you upload it.

  13. Scott McDaniel

    I’d rather not do it through an RPC interface. I like having the power through my WP Admin to control all my posts. I was using PhotoMatt’s WP plugin implementation of widgEditor. I think all the munging was due to a combination of that plugin and the convert <code> plug which auto converts < and > when found between <code> tags.

    It’s all gone to hell!

  14. Scott McDaniel

    Well I’ve patched up the problems from widgEditor and added a couple graphics curtesy of Arnau Siches and his Catalan Translation. Thanks Arnau!

  15. Pig Pen » Manipulating Definition Lists - its an adventure

    […] d under: Standards — nortypig @ 4:02 pm Manipulating Definition Lists by Scott McDaniel. […]

  16. base68 » Blog Archive » Definition Lists on Steroids

    […] Was man mit definition lists alles machen kann zeigt Scott McDaniel in ” Manipulating Definition Lists for Fun and Profit“. This entry was posted […]

  17. Mathilde

    I am a bit sad I can’t see all the pictures but it sounds fascinating!

  18. Scott McDaniel

    Thanks Mathilde, I have the image links patched up now. I changed hosts recently and I didn’t realize those images got left out.

    Enjoy!

  19. Dalibor Dvorski » Blog Archive » This Week in Links

    […] Styling definition lists and manipulating definition lists — Learn how to properly style definition lists using style sheets. […]

  20. Max Design - standards based web design, development and training » Blog Archive » Some links for light reading (25/5/05)

    […] Manipulating Definition Lists for Fun and Profit […]

  21. SanBaldo

    Definition lists: che cosa sono…

    Che cosa sono le definition list? A cosa servono? Che vantaggi posso trarre dal loro uso?……

  22. andris

    to avoid collapsing (in firefox) i added a bottom margin for the dt same as the height as the dd and some slack space (if needed). an extra pixel didn’t do it for me, because i used borders. buy

  23. American Daughter

    Thank you so much for sharing this. It is extremely helpful, and easy to understand.

    I have been struggling to push the functionality of WordPress using the capabilities in my current installation, and this is a real breakthrough.

  24. Scott McDaniel

    Glad this artilce is still getting read. Someday I need to write that planned Part II!

  25. Hva er “semantisk kode”? | hebedesign.com/blogg

    […] Definisjonslister er en liten perle som har et langt større potensiale enn mange innser, spesielt ettersom man kan trylle frem lekre og praktiske presentasjoner ved hjelp av CSS. […]

  26. pilmore, lee » E-commerce layout with definition lists

    […] Scott Daniel gives good writing in Manipulating Definition Lists for Fun and Profit […]

  27. KOCHWERKSTATT » Blogroll mal anders darstellen

    […] durch diesen Beitrag habe ich mich mal daran gesetzt und auf meiner Spielwiese der Blogroll ein anderes Aussehen […]

  28. KOCHWERKSTATT » links for 2007-09-22

    […] Manipulating Definition Lists for Fun and Profit […]

  29. Li-An

    Well, recent Wordpress version uses ?php wp_list_bookmarks
    Is it possible to make the same thing with this code ?

  30. Qüestió III: Control de dt i dd per parelles (resposta) - blog.esbudellat, esbudellant estàndards

    […] solució —que originalment vaig veure a l’artícle Manipulating Definition Lists for Fun and Profit— seria la […]

Leave a Comment

You must be logged in to post a comment.

My host kicks ass

27 Aug News - buying cialis with no prescription usa, cialis from overseas usa, purchase cialis on line canada, buy cialis fast shipping pills, buy cheapest cialis buy, generic cialis mexico now, cialis professional 100mg discounts, buying cialis discounts, cialis online no prescription, cheap cialis alternatives fast, buy cialis cheapest prices, cialis soft pills, buy cialis cheap prices fast delivery pharmacy, cialis free discounts, cheapest cialis buy canada, cialis joint pain fast, cialis price delivery, propranolol cialis buy, low prices cialis canada, buy cialis next day delivery pills, generic cialis without prescription, better cialis levitra viagra which pharmacy, ordering cialis without prescription pharmacy, cialis indian pharmacy canada, ordering cialis gel fast, cialis com buy, cialis discount fast, cialis canada, buy cialis from usa online online, generic cialis 100mg now, buy cialis pharmacy online cheap, buy cialis pharmacy pills, buy cialis gel discounts, cialis gel discounts, cialis 100mg germany, where can i get cialis pharmacy, generic cialis without a prescription pills, cialis 50mg usa, cialis bodybuilding now, buying generic cialis usa discounts, cialis soft tabs buy, cialis au, natural cialis usa, low cost cialis pharmacy, purchase cialis overnight delivery now, professional cialis usa, cialis generic delivery, buy cialis money order canada, cheap cialis with discount now, cialis with prescription, how to get cialis no prescription buy, cialis from canada fast, canadian pharmacy online generic cialis cheap, next day delivery of cialis canada, buy cialis without a prescription, cialis costs canada, cialis prices fast, cheap cialis with no prescription delivery, buy cialis online cheap sales, cialis canada cheepest sales, my canadian pharmacy cialis cheap, buy cialis online 32 germany, best free cialis softtabs online discounts, buy cialis fedex shipping pharmacy, order cialis with no prescription discounts, buy cialis pills generic now, cialis doses now, buying cialis fast delivery online, cheapest cialis overnight delivery pills, cialis overnight buy, buying natural alternatives of cialis, cialis tablets cheap, name brand cialis buy, cialis sample canada, where should i buy cialis online buy, cialis components now, cialis dosage, ordering cialis without a prescription usa, pfizer cialis online, ordering cialis herbal alternatives sales, cialis online in sweden buy, cialis to children delivery, cialis soft tablets 100mg, cialis canada online pharmacy discounts, buy generic cialis india rx, online cialis herbal alternatives, cialis philippines buy, buy generic cialis mexico rx usa, generic cialis uk canadian pharmacy pills, ordering cialis, cialis clogged ears sales, cialis sales, buy cialis cheap buy, brand name cialis fast, cheapest cialis without prescription now, low price cialis canada, cialis for sale discounts, cialis pills from canada pills, buy cialis in sweden finland discounts, inquiry cialis germany, order cialis next day delivery sales, cialis online without prescription fast delivery discounts, best cialis price pills, where to get cialis, buy cialis next day discounts, cialis fast delivery, cialis and cialis professional pharmacy, buy cialis without prescription online, buy generic cialis in the united states discounts, cialis generic on lice germany, bontril cialis free no prescription online, buy cialis online pharmacy online, order cialis cheapest cheap, buy cialis overseas pharmacy, generic cialis with discount cheap, ordering cialis natural alternatives, cheap cialis professional cheap, cialis for woman online, buy cialis doctor online germany, buy cialis online uk usa, buying generic cialis in the united states germany, generic cialis usa company fast, compare cialis to herbal, cialis from mexico online, canadian pharmacy cialis pfizer canada, cialis pills, cheap cialis 50mg fast, herbal alternative to cialis discounts, cialis kanada cheap, viagra 50 mg compare cialis, purchse cialis online, buy cialis in the uk now, cialis medication buy, buy cialis online now, canada pharmacy cialis sales, cialis woman usa, order cialis canada, buying herbal alternatives of cialis now, cialis 30mg now, buying generic cialis mexico rx, cialis professional usa, how to buy cialis in canada fast, buy cialis online 20mg usa, best price cialis germany, canada pharmacy cialis pfizer pharmacy, buy real cialis online without prescription usa, cialis canadian discounts, best cialis prices sales, generic cialis overnight delivery pills, how to get cialis canada, how much is cialis cheap, generic cialis herbal alternatives cheap, soft cialis, best generic cialis online, buying generic cialis india rx, purchase cialis with discount usa, buy herbal alternatives of cialis pharmacy, cialis canada pharmacy, best generic cialis price fast, cheap cialis over internet discounts, cialis next day pills, cheap cialis no prescription, brand cialis buy, cialis canadian pharmacy now, erection cialis gel fast, buy cialis online from canada sales, cheapest cialis on the net, generic cialis buy delivery, buy cialis overnight shipping usa, professional cialis pharmacy, cialis no prescription pharmacy, buying cialis soft tabs 100mg, best way to take cialis pills, buy cialis canada buy, generic cialis gel discounts, cheapest cialis now, cheapest price cialis, buy generic cialis in the united kingdom, best buys generic cialis pills online, buy generic cialis usa delivery, cialis soft tablets cheapest price discounts, cialis and lipitor, buy cialis ebay find tadalafil, canada brand name cialis germany, how much cialis costs, buy cialis now, generic cialis next day delivery sales, cialis order pills, cialis a day canada, online cialis natural alternatives buy, truth about cialis online, generic cialis cheap germany, cialis blue pills, where can i buy cialis germany, cialis 20mg usa, generic cialis soft tabs delivery, online generic cialis 50mg germany, brand cialis for sale now, cialis without prescription cheap, buying generic cialis canada rx discounts, ordering generic cialis 100mg canada, real cialis delivery, buying cialis without prescription fast, buy cialis cialisnarodru domain sales, cialis without a prescription pharmacy, cialis information pills, cialis professional overnight cheap, purchase cialis, generic cialis overnight canada, brand name cialis for purchase, cialis for women canada, cialis coupons pharmacy, bulgarian cialis germany, cialis soft tabs 100mg online, cialis ordering now, professional cialis online buy, break cialis tablets fast, buy cheap cialis without a prescription, cialis brand canada, cialis atrial fibrillation sales, where to buy real cialis pharmacy, cialis samples usa, how does cialis work usa, buy cialis re pills, cialis in canada delivery, best price generic viagra or cialis cheap, buy real cialis usa, buy cialis cheap us, online generic cialis 100mg pharmacy, purchase cialis with no prescription delivery, purchasing cialis buy, cialis no prescription now, cialis professional singapore, buy cialis generic pharmacy online germany, buy cialis phentermine online, generic cialis sales, biblioth ques sp cialis es urbanisme delivery, billig cialis, buy cheap cialis generic levitra viagra fast, buy cialis australia canada, cialis overnight mail delivery delivery, cialis substitutes, cialis levitra viagra now, cialis profesional discounts, cialis overnight delivery pills, ordering cialis next day delivery now, who makes 100mg cialis usa, purchase cialis in us no prescription sales, cialis purchase israel pharmacy, purchase cialis express delivery pills, cialis mexico usa, best price for generic cialis online, phentolamine in generic cialis germany, cialis online without prescription now bush buy porn viagra now, how to buy viagra cod usa, no rx viagra now, viagra sale germany, viagra uk pharmacies discounts, free viagra trials pharmacy, viagra cod canada, erection viagra gel, generic viagra without presrciption now, low coast viagra cheap, buy viagra with no prescription discounts, best viagra online cheap, viagra oral gel delivery, should you use viagra with a catheter online, viagra side effects delivery, viagra online discount usa, brand viagra without prescription buy, viagra purchase online, generic viagra order discounts, viagra usa online canada, where to get viagra fast now, purchase viagra with no prescription now, real viagra, viagra 50 mg compare cialis pharmacy, viagra online sales, viagra prescription label pharmacy, ordering generic viagra 100mg usa, how to buy viagra canada, viagra porn buy, canadian pharmacies viagra for women now, viagra no prescription online, generic viagra without prescription sales, viagra sales discounts, natural viagra germany, online viagra sales fast, natural alternative for generic viagra pills, viagra samples pills, canadian pharmacy viagra discounts, cheapest prices for viagra online, cheap viagra delivery, canadian viagra canada, buy herbal viagra germany, viagra canada pharmacy, viagra without a prescription now, ordering viagra overnight delivery discounts, best viagra alternative fast, viagra usa sales, order viagra with discount buy, viagra natural alternatives fast, buy generic viagra canada rx sales, buy viagra pills, buy viagra online discounts, buy cheap viagra uk now, low costs viagra discounts, where can you get viagra, british natural viagra effects germany, purchase viagra online cheap, viagra next day delivery discounts, buy cheap viagra online, viagra discounts, india viagra usa, where to get viagra for women uk now, viagra soft tablets 50mg usa, female viagra sales, viagra 100mg germany, buy viagra without a prescription canada, viagra canada pharmacy, where can i buy viagra without a prescription canada, viagra specials, viagra 100mg canadian sales, where can i get viagra delivery, bio viagra, buy india viagra germany, buy real viagra online without prescription usa, buying generic viagra canada rx, viagra soft tablets canada, brand name viagra for purchase, viagra for wwomen online, breakthrough treatment sildenafil viagra, viagra pills canada, buy cost low viagra pills, generic viagra delivery, where can i buy real viagra now, canada pharmacy viagra pfizer buy, viagra generic canada now, viagra sold in the united states, brand viagra delivery, better cialis levitra viagra which, pfizer viagra cheap, free viagra canada, buying viagra online, purchase viagra fast delivery pills, black market viagra in canada now, buy real viagra pharmacy, overnight generic viagra cheap, viagra fast cheap, viagra from canada delivery, where to buy viagra online delivery, viagra single, buying generic viagra mexico rx pharmacy, ordering generic viagra 50mg, generic viagra canada buy, viagra blue pill, viagra on line san marino cheap, viagra canada, cheap viagra 50mg now, buy herbal viagra viagra pills, buying viagra soft tablets 50mg usa, bestellen viagra pharmacy, canada viagra fast, ordering viagra natural alternatives pills, cheap viagra in canada buy, overnight delivery of generic viagra discounts, budget rx phentermine viagra pharmacy, cheapest viagra prescription germany, viagra soft tabs 100 mg buy, viagra in gel pills, does viagra contains pork or alcohol germany, canadian pharmacies viagra, buy female viagra cheap, viagra com buy, generic viagra online fast, viagra professional delivery, online viagra with no prescription buy, viagra generics in mexico sales, viagra overnight delivery sales, best site to order viagra fast, bigger penis with viagra online, generic viagra usa pharmacy, viagra in canada usa, generic viagra india online, order viagra cheapest usa, buying generic viagra in the united states canada, viagra pfizer discounts, cheap viagra gel discounts, canada viagra sale germany, buying generic viagra usa pills, buy citrate generic sildenafil viagra, online viagra pharmacy, viagra prescriptions, no prescription canadian viagra, buying generic viagra india rx pills, buying viagra 100mg pharmacy, gel viagra cheap, buy cheap cialis generic levitra viagra discounts, viagra without rx sales, canadian only viagra suppliers now, do you have to have a prescription for viagra buy, canadian viagra online sale usa, order viagra with no prescription delivery, viagra gel germany, non prescription viagra canada, buy viagra no prescription pills, viagra canada online pharmacy online, viagra for sale online, low cost viagra sales, where can i purchase viagra overnite now, best viagra prices online pharmacy, viagra dosage, buy gw porn viagra, best viagra super erection usa, what kind of viagra, viagra 50mg discounts, online viagra canada germany, generic viagra 100mg, buy generic viagra india rx buy, buy in uk viagra germany, viagra soft online, low prices viagra germany, black market viagra, buy viagra china pills, viagra overnight, cheap viagra for sale cheap, generic viagra overnight delivery canada, pfizer viagra online discounts, viagra for women discounts, viagra tablets pills, buy viagra online without prescription, bigger erection with viagra cheap, generic viagra natural alternatives now, viagra without prescription canada, canadian pharmacy viagra for women pills, viagra from mexico sales, online viagra next day delivery buy, generic viagra 50mg delivery, how can i get viagra cheap, how does viagra work, single viagra pills sales, viagra uk online, viagra online ordering, viagra spain, overnight viagra pharmacy, buy pfizer viagra buy, buy discount viagra viagra viagra now, viagra prices pharmacy, viagra online sales united states delivery, viagra tablets sale discounts, cialis levitra viagra fast, viagra discounted online, buy viagra without prescription discounts, viagra for weightlifting fast, canadian pharmacy viagra pfizer cheap, low price viagra, buy in spain viagra online, viagra qatar now, but viagra pharmacy, beta blockers and viagra, where to buy viagra fast usa, how much viagra costs sales, cheapest viagra online delivery, non prescription viagra fast delivery online, viagra prescription or non discounts, mexico rx viagra canada, buying viagra with no prescription discounts, viagra professional 100mg buy, viagra suppliers cheap, online viagra gel pills, indian genric viagra pills, buying viagra 50mg online, buy viagra cheap buy cheap tramadol prescriptions, order tramadol, buy cheapest tramadol online, tramadol india, tramadol without dr, need to buy cheap tramadol and pay by, tramadol with next day delivery without prescription with free shipping, order tramadol online with cod, pharmacies for tramadol pay, tramadol payment, 180 tramadol delivered on saturday, tramadol in us pharmacy, tramadol saturday delivery, medication tramadol hcl, tramadol without a prescription, tramadol cash on delivery, tramadol online, ship tramadol to arkansas payment, tramadol medicine pay, tramadol cheap next day, tramadol no prescription overnight cod delivery, Tramadol prescription, buy tramadol, us tramadol fedex, tramadol in us pharmacy pay by, by tramadol online for cod, tramadol shipping, discount tramadol fast delivery, 180 tramadol cod, tramadol without prescription overnight shipping, cheap tramadol fedex overnight, tramadol prescription from doctors online, tramadol over night,