Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] i [PHP] Problem z stylowaniem newslettera, Styl newslettera
gorg81
post 20.07.2017, 20:35:35
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 2.07.2017

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


Witam Panowie, mam problem z stylowaniem newslettera. Pewnie dla Was będzie to minuta, ale dla Mnie jako raczkującego to niestety mega problem.

Mam projekt foooter-a. Wstawiłem do niego kilka div id, i jednmn z nich jes div id="foot_newsllleter" w którym chciałem wstawić formularz zbierania adresów przy pomocy freshmail.
Mam kod wygenerowany, wklejony, działa, ale niestety nie umiem go edytować w style CSS. Pewnie czegoś nie wiem.

  1. #foot_newsletter{
  2. width: 400px;
  3. height: 100px;
  4. background-color: #34393b;
  5. padding-bottom: 0px;
  6. padding-left: 30px;
  7. padding-top: 10px;
  8. margin-top: 10px;
  9. margin-bottom:0px;
  10. color: #FFF;
  11. text-align: left;
  12. float: left;
  13. font-size: 16px;
  14. }


oraz kod strony

  1. <div id="foot_newsletter">
  2. <form method="post" action="https://app.freshmail.com/pl/actions/subscribe/"><h2>Newsletter</h2>
  3. <br />Zapisz się do naszego newlettera - bądź na bierząco.
  4. <input type="hidden" name="subscribers_list_hash" value="np4hzthqil" />
  5. <input type="text" id="freshmail_email" name="freshmail_email" width="250" height="auto" />
  6. <input type="submit" value="Zapisz" width="80" height="40" />
  7. </form>
  8. </div><!--div foot_newsletter-->



Kod footer.php

  1. <meta charset="utf-8">
  2. <div id="footer">
  3. <div id="foot_left">
  4. <h2>Firma</h2>
  5. <br />O Nas
  6. <br />Oferta
  7. <br />Kariera
  8. <br />Polityka prywatności
  9. <br />Kontakt
  10. <br />Pomoc
  11. </div><!--div foot_left-->
  12. <div id="foot_center">
  13. <h2>Firma</h2>
  14. <br />O Nas
  15. <br />Oferta
  16. <br />Kariera
  17. <br />Polityka prywatności
  18. <br />Kontakt
  19. <br />Pomoc
  20. </div><!--div foot_center-->
  21. <div id="foot_right">
  22. <h2>Firma</h2>
  23. <br />O Nas
  24. <br />Oferta
  25. <br />Kariera
  26. <br />Polityka prywatności
  27. <br />Kontakt
  28. <br />Pomoc
  29. </div><!--div foot_right-->
  30. <?php
  31. include_once("newsletter.php");
  32. ?>
  33. </div><!--div footer-->



oraz kod w index.php

  1. <?php include_once("footer.php") ;
  2. ?>


Problem polega na tym że za pomocą edytora DW widzę że ramka na adres email jest dłuższa, niestety w projekcie na www już tego nie widać. Nawet zmieniając wartość "widht"
http://gw-servis.pl/gwnew/newsletter.php
Chciałbym powiększyć ramkę oraz sam przycisk zapisz.
Niestety nie wiem co robię źle, czy ktoś z Was może mnie nakierować ?





Ten post edytował gorg81 20.07.2017, 20:38:06
Go to the top of the page
+Quote Post
czarkowy
post 8.08.2017, 13:22:18
Post #2





Grupa: Zarejestrowani
Postów: 31
Pomógł: 1
Dołączył: 6.08.2017
Skąd: sdsadada

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


usuń najlepiej wszystkie style co do tego #foot_newsletter jak i jego dzieci,
i napisz wygląd tego od nowa ;p

np. https://jsfiddle.net/kzLdjzt2/

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: 16.09.2019 - 10:08