Drukowana wersja tematu

Napisany przez: gorg81 20.07.2017, 20:35:35

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.

[HTML] pobierz, plaintext 
#foot_newsletter{
				width: 400px;
				height: 100px;
				background-color: #34393b;
				padding-bottom: 0px;
				padding-left: 30px;
				padding-top: 10px;
				margin-top: 10px;
				margin-bottom:0px;
				color: #FFF;
				text-align: left;
				float: left;
				font-size: 16px;
}
[HTML] pobierz, plaintext 

oraz kod strony

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html id="foot_newsletter">
  <http://december.com/html/4/element/form.html method="post" action="https://app.freshmail.com/pl/actions/subscribe/"><http://december.com/html/4/element/h2.html>Newsletter</http://december.com/html/4/element/h2.html>
  <http://december.com/html/4/element/br.html />Zapisz się do naszego newlettera - bądź na bierząco.
  <http://december.com/html/4/element/input.html type="hidden" name="subscribers_list_hash" value="np4hzthqil" />
  <http://december.com/html/4/element/input.html type="text" id="freshmail_email" name="freshmail_email" width="250" height="auto" />
  <http://december.com/html/4/element/input.html type="submit" value="Zapisz" width="80" height="40" />
  </http://december.com/html/4/element/form.html>
</http://december.com/html/4/element/div.html><!--div foot_newsletter-->
[HTML] pobierz, plaintext 

Kod footer.php

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/meta.html charset="utf-8">
<http://december.com/html/4/element/div.html id="footer">
	<http://december.com/html/4/element/div.html id="foot_left">
		<http://december.com/html/4/element/h2.html>Firma</http://december.com/html/4/element/h2.html>
    	<http://december.com/html/4/element/br.html />O Nas
   	 	<http://december.com/html/4/element/br.html />Oferta
    	<http://december.com/html/4/element/br.html />Kariera
    	<http://december.com/html/4/element/br.html />Polityka prywatności
    	<http://december.com/html/4/element/br.html />Kontakt
    	<http://december.com/html/4/element/br.html />Pomoc
  </http://december.com/html/4/element/div.html><!--div foot_left-->
     <http://december.com/html/4/element/div.html id="foot_center">
     	<http://december.com/html/4/element/h2.html>Firma</http://december.com/html/4/element/h2.html>
    	<http://december.com/html/4/element/br.html />O Nas
   	 	<http://december.com/html/4/element/br.html />Oferta
    	<http://december.com/html/4/element/br.html />Kariera
    	<http://december.com/html/4/element/br.html />Polityka prywatności
    	<http://december.com/html/4/element/br.html />Kontakt
    	<http://december.com/html/4/element/br.html />Pomoc
  </http://december.com/html/4/element/div.html><!--div foot_center-->
      <http://december.com/html/4/element/div.html id="foot_right">
      	<http://december.com/html/4/element/h2.html>Firma</http://december.com/html/4/element/h2.html>
    	<http://december.com/html/4/element/br.html />O Nas
   	 	<http://december.com/html/4/element/br.html />Oferta
    	<http://december.com/html/4/element/br.html />Kariera
    	<http://december.com/html/4/element/br.html />Polityka prywatności
    	<http://december.com/html/4/element/br.html />Kontakt
    	<http://december.com/html/4/element/br.html />Pomoc
     </http://december.com/html/4/element/div.html><!--div foot_right-->
<?php
include_once("newsletter.php");
?>
</http://december.com/html/4/element/div.html><!--div footer-->
[HTML] pobierz, plaintext 

oraz kod w index.php

[PHP] pobierz, plaintext 
<?php include_once("footer.php") ;
  ?>
[PHP] pobierz, plaintext 

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ć ?

Napisany przez: czarkowy 8.08.2017, 13:22:18

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/