Problem sa Table Layout-om

belmin · January 24, 2015, 2:24pm

Pozdrav.

Dobio sam zadatak da kreiram signature za email template.Da bi sve to radilo normalno u svim mail servisima trebalo bi biti izradjeno u table layout-u - kao sto su se nekada izradjivalje web stranice.

Ja sam prilicno los sa tim starim tehnikama izrade pa bi trebao vasu pomoc, jer sam naisao na jedan problem koji ne mogu rijesiti nikako.Evo prvo slika da imate neki uvid kako to izgleda:

Evo i kod:

http://pastebin.com/mkwUesAd

Problem je sljedeci: Tr-ovi na dnu (zadnja 3 broj,mail,text) imaju unutar sebe td-ove koji trebaju imati sirinu 100%.Kada zadam tu sirinu td-u prvo ne zauzme cijelu sirinu desnog dijela, a pored toga, text desno od logotipa se pomjeri jos u desno i izgleda “katastrofa”.

in4hr · January 24, 2015, 2:32pm

Koristi div elemente i inline css za email potpise.

belmin · January 24, 2015, 2:37pm

Vrlo rado ali http://css-tricks.com/using-css-in-html-emails-the-real-story/

Tables are still the standard.
Take a look at the code of almost any HTML email you’ve gotten. I’ll
bet ya it’s formatted with a table. Tables are still the best way to
achieve consistent results across email clients. The email equivalent of
the browser window is the “viewport”, or the area in an email client
dedicated to showing the actual email. This varies quite a bit. A vary
common technique is to set a table with a 100% width with a nested table
inside of it that is centered with a static width. This seems to work
very well. The outer table is also your big chance to set the
background-color for the whole email. Too bad we can’t just use a div
with auto left and right margins for centering, but it won’t work most
email clients.

Istina ovo je za email template, ali nekako je logicno da i potpis ide u table layout, ako je vec ostatak.

creatifcode · January 24, 2015, 4:03pm

Evo ti tu jedan responsive mail framework. http://zurb.com/ink/

Ja sam ga koristio na 2-3 projekta i vrlo je zadovoljavajuć.

belmin · January 24, 2015, 4:08pm

Hvala, ali nazalost nemam bas vremena za proucavanje.

Vjerujem da nije nesto komplikovano ali ovo sto ja radim ne treba biti uopste nesto da padnes na dupe, a ne treba biti ni reponzivno

creatifcode · January 24, 2015, 4:13pm

Jel ta tri redka stvarno trebaju biti redci ili bi ta tri teksta trebali biti jedan pored drugog?
Milsim na ovaj tekst:

561.288.9079x108
orlando@youritgroup.net
Social icons and url

belmin · January 24, 2015, 4:15pm

Trebaju biti redci, jedan ispod drugog.Evo ovako (ovo je bilo sa normalnim layoutom aside-section):

creatifcode · January 24, 2015, 4:19pm

OK, Ajde mi pošalji na privatnu poruku taj psd ili sta već imaš, pa ti to složim. MIslim da mi za to treba nekih 20 minuta do pola sata.

mlukac89 · January 24, 2015, 4:25pm

Jel ti ovo valja ? http://pastebin.com/YwR2MRzM

belmin · January 24, 2015, 4:37pm

Hvala.To je to. (20 znakova)

creatifcode · January 24, 2015, 5:30pm

Evo i ja ti poslao sad link.

belmin · January 24, 2015, 5:36pm

Hvala, ali sam u medjuvremenu modifikovao ovaj od @mlukac89