Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Mailing - Ostylowanie A, Outlook ;)
Pyton_000
post 26.10.2014, 20:03:19
Post #1





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


  1. <a href="#" title="Demo" alt="Demo"
  2. style="font-size:16px; font-family:tahoma,helvetica,arial,sans-serif; background-color: rgb(137, 166, 0); color: rgb(255, 255, 255);
  3. cursor: pointer; text-decoration: none; display: inline-block; line-height: 51px; height:51px; width: 195px; font-weight: bold;">WERSJA
  4. DEMO</a></center>

http://jsfiddle.net/cdn095pq/

Pod Outlook nie działają paddingi i muszę w jakiś sposób rozwiązać ten problem smile.gif Jakieś propozycje?
PS. center jest bo tak ma być smile.gif
Go to the top of the page
+Quote Post
trueblue
post 26.10.2014, 20:09:40
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A jaki właściwie efekt chcesz osiągnąć? W Twoim przykładzie nie ma paddingów.


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 26.10.2014, 20:20:57
Post #3





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Taki jak widać na załączonym obrazku smile.gif
To co przedstawiłem też nie działa pod outlookiem 2007-2011

Wersja z paddingiem:
  1. <a href="#" title="Demo" alt="Demo"
  2. style="font-size:16px; font-family:tahoma,helvetica,arial,sans-serif; background-color: rgb(137, 166, 0); color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; padding: 15px 39px; margin-right: 10px; font-weight: bold;">WERSJA DEMO</a>
Go to the top of the page
+Quote Post
trueblue
post 26.10.2014, 20:31:30
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A może być zmodyfikowana struktura wewnątrz <center>, czy tylko style?


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 26.10.2014, 20:34:31
Post #5





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


whatever smile.gif Chodzi o zielony button który jest linkiem z tekstem na środeczku smile.gif
I ma działać wszędzie smile.gif Znowu za dużo chcę haha.gif
Go to the top of the page
+Quote Post
trueblue
post 26.10.2014, 20:37:25
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Do mailingu najbezpieczniejsze tabele: http://jsfiddle.net/cdn095pq/1/
I druga wersja: http://jsfiddle.net/cdn095pq/2/ (link na całości).

Ten post edytował trueblue 26.10.2014, 20:41:25


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 26.10.2014, 21:03:52
Post #7





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Jest lepiej ale nadal to nie jest to co bym chciał. Wygląda to tak:
http://awesomescreenshot.com/09f3q8eybb
Go to the top of the page
+Quote Post
trueblue
post 26.10.2014, 22:19:15
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Który z przykładów (1 czy 2)?

Ten post edytował trueblue 26.10.2014, 22:19:45


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 27.10.2014, 07:30:13
Post #9





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Generalnie druga wersja.
Poprawiłem troszkę ale dalej nic. Outlook 2007. 20010, 2013 leży a 2011 jest dobrze wink.gif

Obecny kod
  1. <center><table width="195" height="51" style="width: 195px; height: 51px;">
  2. <tr>
  3. <td valign="middle" style="background-color: rgb(137, 166, 0);text-align:center">
  4. <a href="#" title="Demo" alt="Demo"
  5. style="width:100%;height:100%;display:block;line-height:51px;vertical-align:middle;font-size:16px; font-family:tahoma,helvetica,arial,sans-serif; color: rgb(255, 255, 255);
  6. cursor: pointer; text-decoration: none; font-weight: bold;">WERSJA
  7. DEMO</a></td></tr></table></center>
Go to the top of the page
+Quote Post
trueblue
post 27.10.2014, 07:52:24
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Spróbuj: http://buttons.cm/


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 27.10.2014, 08:13:09
Post #11





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


No i Bajaa wink.gif Śmiga aż miło smile.gif że też wcześniej nie wpadłem na taką stronę, zaoszczędziłbym wiele nerwów wink.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:17