masalah HTML Responsive email

Recommended Brokers


Poll : CariGold new board 2019

  • Fonts terlampau besar, boleh kecilkan sedikit

    Votes: 17 20.2%
  • Warna terlampau terang

    Votes: 7 8.3%
  • Sidebar besar agak mengganggu

    Votes: 37 44.0%
  • Sangat berminat dengan theme baru ini

    Votes: 24 28.6%
  • Serius, tak minat langsung

    Votes: 24 28.6%

Print_Screen

Super Active Member
Joined
Nov 13, 2010
Messages
5,924
Reaction score
230
Points
0
I need to come out with responsive email by using html & CSS. I mostly can figure it out. But how to show the menu 1, 2 & 3 in below position (mobile view)?



Kindly advise.

Sori bahasa omputeh lak:D
 
Sponsored Post

swamyveera

Freshie
Joined
Jul 23, 2019
Messages
4
Reaction score
0
Points
0
Responsive emails are a pain to create. Thats the reason most people choose fixed width emails (510px) so it looks good on mobile as well as desktop. Check your inbox for all promotion emails, they are mostly fixed width.

you SHOULD NOT use bootstrap or any other frameworks if you wish your email to be rendered properly in most email clients. There are some html email frameworks like https://emailframe.work/ for you to get started with responsive mails.

Watch out for outlook 2003, it uses ms-word's old engine and does not render properly a lot of things.


Stick to basics, tables, inline css and you should be fine, think more like HTML 2.0. Tables are your friend when it comes to html emails.
 
Sponsored Post

syamsoulcc

Super Active Member
Joined
Apr 30, 2014
Messages
8,465
Reaction score
1,725
Points
163
untuk email template, biasanya bootstrap takkan berkesan 100%....

biasanya org guna inline css...maksudnya setiap elemen html tu guna attribute "style"...dan masukkan apa2 style di situ...

itu untuk email template lah...

sbb aku sendiri dah pernah buat.....kalau guna <style></style> tag, banyak css properties yg tak dapat baca...sbb tu bootstrap pun banyak yg tak dapat baca...
 
Sponsored Post

swamyveera

Freshie
Joined
Jul 23, 2019
Messages
4
Reaction score
0
Points
0
Simple rule: You cannot have reference links in html emails. So your "<link href..." will not work.
Hence all your styles should be inline in the style tag. If you want to be even more safer use them inside your tags but you will have a lot of repetitive coding to do.

That's why lot of e-commerce html is mostly images because html coding is painful and there is no 100% guarantee that they will work in all clients like outlook, gmail, hotmail, yahoo etc. Every mail client reads html emails differently.

Check articles on litmus or mailchimp for tips on html templates.

Welcome to the nasty world of html templates :)
 
Sponsored Post

syamsoulcc

Super Active Member
Joined
Apr 30, 2014
Messages
8,465
Reaction score
1,725
Points
163
Simple rule: You cannot have reference links in html emails. So your "<link href..." will not work.
Hence all your styles should be inline in the style tag. If you want to be even more safer use them inside your tags but you will have a lot of repetitive coding to do.

That's why lot of e-commerce html is mostly images because html coding is painful and there is no 100% guarantee that they will work in all clients like outlook, gmail, hotmail, yahoo etc. Every mail client reads html emails differently.

Check articles on litmus or mailchimp for tips on html templates.

Welcome to the nasty world of html templates :)
ya...betul boss...

tapi kalau still TAK NAK GUNA IMAGE, dan nak guna HTML jugak...

terpaksa la guna inline css...

kalau rasa malas nak buat sendiri, upah aku pun ok... :D
 
Sponsored Post

kirana

Fun Poster
Joined
Mar 17, 2007
Messages
396
Reaction score
32
Points
28
Location
on the rolling wheel
you can use inline css as simple as that but the only downside is it does not support certain browsers especially the ones.
 
Sponsored Post

swamyveera

Freshie
Joined
Jul 23, 2019
Messages
4
Reaction score
0
Points
0
Ha ha. Yes, HTML is always the best (small foot print, searchable inside email clients, the code can be reused for similar style) but images are easier. There must be a reason that so many companies use image based emails :p
It also depends on the design la boss, simple design no problem but if long emails and complex design he better upah u

Original poster pun xde reply, if he does ask him want to upah kat u or not! haha
 
Sponsored Post

swamyveera

Freshie
Joined
Jul 23, 2019
Messages
4
Reaction score
0
Points
0
Agreed, unfortunately each email client does'nt support some thing. The world is not fair! haha

Again, its very subjective, if the email has 2 lines and a button, no need to think so much. But if it has a complex structure the coding time is considerably high.
 
Sponsored Post

Sniper

Super Moderator
Joined
Feb 26, 2006
Messages
5,480
Reaction score
9
Points
41
your image seems not loaded here
 

Hendadda

Fun Poster
Joined
Dec 27, 2018
Messages
105
Reaction score
8
Points
0
Please show us the whole position of your tasks, only thing I can understand is that you know html and css and that's really it and nothing more. What needs to be shown in mobile view ? I recommend you to turn on that viewport setting you usually use everywhere else.
 
Sponsored Post
Top
Log in Register