The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to make columns headers and data rows next to each others in HTML email?
gtg430i
post Nov 17 2019, 11:17 AM
Post #1





Group: Members
Posts: 2
Joined: 17-November 19
Member No.: 27,043



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 17 2019, 04:25 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,447
Joined: 9-August 06
Member No.: 6



A table is probably safest for email.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gtg430i
post Nov 17 2019, 09:50 PM
Post #3





Group: Members
Posts: 2
Joined: 17-November 19
Member No.: 27,043



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 18 2019, 03:26 AM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,447
Joined: 9-August 06
Member No.: 6



No. But why would you? A table already has columns next to each other.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 7th December 2019 - 01:00 AM