Problem sa Table Layout-om

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”.

Koristi div elemente i inline css za email potpise.

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.

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

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

2 Likeova

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 :smile:

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
[email protected]
Social icons and url

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

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.

1 Like

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

1 Like

Hvala.To je to. (20 znakova)

Evo i ja ti poslao sad link.

1 Like

Hvala, ali sam u medjuvremenu modifikovao ovaj od @mlukac89