Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ How to make columns headers and data rows next to each others in HTML email?

Posted by: gtg430i Nov 17 2019, 11:17 AM

I have very little experience with HTML and I really appreciate your help.

I am writing an email in Salesforce that includes columns and data, however the number of rows for each column header are not equal. Current the data in the email looks like the attached "Current" file

With the above we need to scroll down to view all data.

The objective is to show data placed next to each other as shown in the attached "GOAL" file

Attached Image .........> Attached Image

My current HTML code looks like this
[code]
<P>CLOTHING AND ACCESSORIES</br>
<a href="https://www.ae.com/us/en/x/clearance "target="_blank">AMERICAN EAGLE OUTFITTERS</a></br>
<a href="https://www.donnakaran.com/category/dkny/sale/womens+sale+view+all.do "target="_blank">DKNY</a></br>
<a href="https://www.macys.com/p/black-friday/ "target="_blank">MACY'S</a></br>
<a href="https://store.nba.com/?_s=EML19_NBAS_386_12A_1_25OFF49&utm_medium=email&utm_source=Header&utm_position=1&utm_content=PartnerSiteHeader&SFMC=1842222_115_290_ec55e2c571ff59e1743059a4540413bf "target="_blank">NBA STORE</a></br>
<a href="https://shop.nordstrom.com/c/all-womens-sale?jid=oj011466-10996&cid=00000&cm_sp=merch-_-corp_10996_oj011466-_-globalfooter_all_p99_shop "target="_blank">NORDSTROM</a></br>
<P>DISCOUNT STORES</br>
<a href="https://www.walmart.com/store/2648/san-leandro-ca/weekly-ads?flyer_run_id=397924&flyer_type_name=ad "target="_blank">WALMART</a></br>
<p>ELECTRONICS</br>
<a href="https://www.bestbuy.com/site/electronics/black-friday/pcmcat225600050002.c?id=pcmcat225600050002&intl=nosplash "target="_blank">BEST BUY</a></br>
<a href="https://store.hp.com/us/en/slp/weekly-deals?jumpid=ma_weekly-deals_vp_na_1_191114 "target="_blank">HP</a></br>
<a href="https://www.lenovo.com/us/en/deals/black-friday-laptop-computer-deals/ "target="_blank">LENOVO</a></br>
<p>HARDWARE STORES</br>
<a href="https://www.acehardware.com/best-online-only-deals "target="_blank">ACE HARDWARE</a></br>
<p>ONLINE STORES</br>
<a href="https://www.amazon.com/b/?ie=UTF8&node=384082011&ref_=nav_swm_HoliDeals_GW_Desk_SWM_v10_EN&pf_rd_p=cd19816d-6e57-4f63-9eee-68cab216bb27&pf_rd_s=nav-sitewide-msg&pf_rd_t=4201&pf_rd_i=navbar-4201&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=JKH74XHCH6DMAA6JDE54 "target="_blank">AMAZON</a></br>
<a href="https://www.ebay.com/deals "target="_blank">EBAY</a></br>
<a href="https://www.overstock.com/black-friday?utm_campaign=265438&tid=0&utm_source=Braze&pos=2&token=265438-26543814329486320191116071122-20191116-1-5abfdc&cid=265438&utm_medium=email&ehid=6B385A3995CC49DFE0531006140AF1BB&ahid=f3553a9793cac90c2fdf35e92a227ed2&sentTime=1573913308203&send_id=57abcc23-4bf9-4b0a-bf3f-b60a0c74c398&elementId=0 "target="_blank">OVERSTOCK.COM</a></br>
<p>SHOES</br>
<a href="https://lugz.com/shop/mens "target="_blank">LUGZ</a></br>
<p>SUPPLEMENT STORES</br>
<a href="https://www.muscleandstrength.com/store/landing/prebf19?utm_source=home&utm_medium=sitewide "target="_blank">MUSCLE & STRENGTH</a></br>
<p>WATCHES</br>
<a href="https://www.crownandcaliber.com/collections/black-friday-and-cyber-monday "target="_blank">CROWN & CALIBER</a></br>
<a href="https://www.jomashop.com/jomadeals.html?trk_msg=G8MCPSG5BOS4H4POB5OSJ2198C&trk_contact=8IE83SOSOV8RTDAN92S5AVQV9S&trk_sid=DVQOQ95UA747H3PEEVG92RRH0K&utm_source=Listrak+-+Jomadeals&utm_medium=Email&utm_term=https%3a%2f%2fwww.jomashop.com%2fjomadeals.html&utm_campaign=2017%2f1%2f11+Jomadeals+Email "target="_blank">JOMASHOP</a></br>

Posted by: pandy Nov 17 2019, 04:25 PM

A table is probably safest for email.

Posted by: gtg430i Nov 17 2019, 09:50 PM

QUOTE(pandy @ Nov 17 2019, 04:25 PM) *

A table is probably safest for email.

Can you create a table with columns that could float next to each others in an email?

Posted by: pandy Nov 18 2019, 03:26 AM

No. But why would you? A table already has columns next to each other.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)