Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Mailing - Ostylowanie A
Forum PHP.pl > Forum > Po stronie przeglądarki
Pyton_000
  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
trueblue
A jaki właściwie efekt chcesz osiągnąć? W Twoim przykładzie nie ma paddingów.
Pyton_000
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>
trueblue
A może być zmodyfikowana struktura wewnątrz <center>, czy tylko style?
Pyton_000
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
trueblue
Do mailingu najbezpieczniejsze tabele: http://jsfiddle.net/cdn095pq/1/
I druga wersja: http://jsfiddle.net/cdn095pq/2/ (link na całości).
Pyton_000
Jest lepiej ale nadal to nie jest to co bym chciał. Wygląda to tak:
http://awesomescreenshot.com/09f3q8eybb
trueblue
Który z przykładów (1 czy 2)?
Pyton_000
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>
trueblue
Spróbuj: http://buttons.cm/
Pyton_000
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.