Help - Search - Members - Calendar
Full Version: How to make columns headers and data rows next to each others in HTML email?
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
gtg430i
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

Click to view attachment .........> Click to view attachment

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>
pandy
A table is probably safest for email.
gtg430i
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?
pandy
No. But why would you? A table already has columns next to each other.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.