Jak w tytule.
Zrobiłem stronę na cba.pl. Dzisiaj przerzuciłem na linuxpl.com i dodałem domenę.
Różnica w wyświetlaniu formularza kontaktu:
CBA:
http://s9.postimg.org/j8s4mfaxb/image.png
LinuxPL:
http://s9.postimg.org/xqpbuf28f/image.png
style.css:
body {
margin: 0;
padding: 0;
background: #002236 url(images/img01.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #181B20;
}
h1 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: normal;
color: #2483A6;
}
h2, h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: sans-serif;
font-weight: normal;
color: #2483A6;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 2.4em;
}
h3 {
font-size: 1.2em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a {
text-decoration: none;
color: #2483A6;
}
a:hover {
text-decoration: underline;
}
img.border {
border: 6px solid #EEE7DF;
}
img.alignleft {
float: left;
margin-right: 25px;
}
img.alignright {
float: right;
}
img.aligncenter {
margin: 0px auto;
}
#wrapper {
margin: 0 auto;
padding: 0;
background: url(images/img03.gif) no-repeat center top;
}
/* Header */
#header-wrapper {
height: 167px;
background: url(images/img02.gif) no-repeat center top;
}
#header {
width: 960px;
height: 167px;
margin: 0 auto;
}
/* Logo */
#logo {
width: 980px;
margin: 0px auto;
padding: 40px 0px 0px 0px;
color: #FFFFFF;
}
#logo h1, #logo p {
display: block;
margin: 0;
padding: 0;
}
#logo h1 {
margin: 0px;
letter-spacing: -1px;
text-align: center;
text-transform: uppercase;
font-size: 54px;
font-weight: bold;
color: #FFFFFF;
}
#logo h1 a {
color: #FFFFFF;
}
#logo p {
margin-top: -10px;
text-align: center;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}
/* Search */
#search {
float: right;
width: 280px;
height: 100px;
padding: 0;
}
#search form {
height: 41px;
margin: 0;
padding: 60px 0 0 30px;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search-text {
width: 195px;
padding: 6px 10px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #7F7F81;
}
#search-submit {
display: none;
}
/* Menu */
#menu-wrapper {
background: url(images/img03.gif) no-repeat center top;
height: 58px;
}
#menu {
width: 940px;
height: 58px;
margin: 0px auto;
padding: 0px 20px 0px 20px;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
float: left;
height: 56px;
margin: 0px;
padding: 0px 30px 0px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
color: #B5B5B5;
border: none;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}
/* Page */
#page {
background: url(images/img05.gif) repeat-y center top;
}
#page-bgtop {
background: url(images/img04.gif) no-repeat center top;
}
#page-bgbtm {
overflow: hidden;
padding: 40px 30px 0px 30px;
background: url(images/img06.gif) no-repeat center bottom;
}
#page-content {
width: 920px;
margin: 0px auto;
}
/* Content */
#content {
float: left;
width: 610px;
padding: 0px 0px 0px 0px;
}
.post {
clear: both;
padding-bottom: 10px;
}
.post .title {
padding-top: 10px;
letter-spacing: -2px;
}
.post .title a {
color: #2483A6;
border: none;
}
.post .meta {
padding-bottom: 10px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}
.post .meta a {
}
.post .entry {
text-align: justify;
margin-bottom: 25px;
padding: 10px 0px 0px 0px;
}
.links {
display: block;
width: 96px;
padding: 2px 0px 2px 0px;
background: #A53602;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
}
/* Sidebar */
#sidebar {
float: right;
width: 230px;
padding: 0px 0px 0px 0px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 15px;
padding-bottom: 30px;
}
#sidebar li li {
line-height: 35px;
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar li li a {
color: #181B20;
}
#sidebar h2 {
height: 38px;
margin-bottom: 20px;
padding: 12px 0 0 15px;
border-bottom: 1px dashed #B3B0B0;
letter-spacing: -1px;
font-size: 24px;
color: #2483A6;
}
#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}
#sidebar a {
border: none;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
width: 960px;
height: 55px;
margin: 0px auto 40px auto;
background: url(images/img07.gif) no-repeat center top;
font-family: Arial, Helvetica, sans-serif;
}
#footer p {
margin: 0;
padding-top: 18px;
line-height: normal;
text-align: center;
color: #576475;
}
#footer a {
color: #576475;
}
/* Pop-Up */
.box {
background-color: #ffffff;
color: #888888;
height: 205px;
left: 100%;
padding: 20px;
position: fixed;
right: 30%;
top: 25%;
width: 555px;
z-index: 101;
border:5px solid #888888;
border-radius:10px;
-moz-border-radius:10px;
}
.overlay {
background: #000000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity:0.5;
}
a.boxclose {
background: url("cancel.png") repeat scroll left top transparent;
cursor: pointer;
float: right;
height: 26px;
left: 32px;
position: relative;
top: -33px;
width: 26px;
}
#wrapper-up{
color:#000000;
font-family:tahoma;
font-size:14px;
margin:0 auto;
width:800px;
margin-top:50px;
}
#wrapper-up a{
cursor:pointer;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}
h4 { color: #2c2c2c; font-weight: normal; }
h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }
.cleaner { clear: both }
.about_box {
clear: both;
margin-bottom: 40px;
}
.about_box img {
float: left;
margin-right: 40px;
}
.about_box h4 {
font-size: 14px;
font-weight: bold;
font-style: italic;
margin-bottom: 0px;
}
p.position {
color: #f3a706;
font-weight: bold;
font-size: 12px;
font-style: italic;
margin-bottom: 10px;
}
.button {
display: block;
width: 400px;
height: 20px;
background: #4E9CAF;
padding: 5px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
}
/* ===========================
====== O NAS ======
=========================== */
#caly_blok {
width:600px;
margin:0 auto;
}
#pierwszy {
float:left;
width:200px;
}
#drugi {
float:left;
width:400px;
}
.napraw {
display:inline-block;
}
.napraw:after {
content:"-";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.napraw {
display:block;
}
formularz.css:
body {
}
a:focus {
outline:none; /*usuwanie niebieskiej obwódki w FF*/
}
#formularz {
padding: 2px 50px;
font-size: 13px;
font-style: Verdana, Tahoma, sans-serif;
}
h5 { color: #2c2c2c; font-weight: normal; }
h5 { font-size: 12px; margin: 0 0 15px; padding: 0; }
#formularz div {
}
#formularz label {
display: block;
}
input, textarea {
padding: 10px;
border: 1px solid #E5E5E5;
color: #999999;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}
#formularz input[type=text] {
width: 200px;
height: 12px;
max-width: 200px;
line-height: 14px;
}
#formularz textarea[type=text] {
width: 500px;
height: 150px;
max-width: 500px;
line-height: 18px;
}
.submit input {
width: 100px;
height: 30px;
background-color: #474E69;
color: #FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#blad {
background: #ff0000;
padding: 10px;
}
.red {
color: #ff0000;
}
/* ===========================
======= Body style ========
=========================== */
#kontakt {
padding: 2px 50px;
font-size: 13px;
font-style: Verdana, Tahoma, sans-serif;
}
h2 {
margin-bottom: 20px;
color: #474E69;
}
/* ===========================
====== Contact Form =======
=========================== */
input, textarea {
padding: 10px;
border: 1px solid #E5E5E5;
width: 200px;
color: #999999;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}
textarea {
width: 400px;
height: 150px;
max-width: 400px;
line-height: 18px;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: 1px solid #C9C9C9;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
}
.form label {
margin-left: 10px;
color: #999999;
}
/* ===========================
====== Submit Button ======
=========================== */
.submit input {
width: 100px;
height: 40px;
background-color: #474E69;
color: #FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
Tak, wiem, że jest tam zdrowo namieszane, lecz na cba działa dobrze… :-x formularz.php
#komunikat#
Imię i nazwisko: *
Adres e-mail: *
Numer telefonu: *
Treść: *
#tresc#
* - pola wymagane.
[/code] kontakt.php (w nim jest osadzony formularz.php)
[code]
Formularz kontaktowy
W sprawie współpracy prosimy kontaktować się za pośrednictwem niniejszego formularza. <?php include(‘mail.php’); ?>
Do wglądu mail.php
<?php
/ ************************************************************************************* /
/* Licencja na użytek prywatny i komercyjny. */
/* Wymaga pozostawiania poniższych danych o autorze i pochodzeniu skryptu. */
/* Autor: Labsta.com Laboratorium Designu */
/* Skrypt pochodzi ze strony http://websta.pl - Blog o grafice i projektowaniu stron */
/* 03/02/2010 */
/ ************************************************************************************* /
include ('ustawienia.php');
ob_start();
include('formularz.php');
$formularz = ob_get_contents();
ob_end_clean();
function wyswietl_forme($komunikat='') {
global $formularz;
$do_zmiany = array(
'#komunikat#',
'#strona#',
'#nick#',
'#mail#',
'#temat#',
'#tresc#'
);
$zmien_na = array(
$komunikat,
$_SERVER['REQUEST_URI'],
$_POST['nick'],
$_POST['mail'],
$_POST['temat'],
$_POST['tresc']
);
$formularz = str_replace ( $do_zmiany, $zmien_na, $formularz);
return $formularz;
}
function waliduj() {
global $komunikat;
global $valid;
if( $valid['nick'] > 0 ) {
if(strlen($_POST['nick']) < $valid['nick'] ){
$walidacja['nick'] = $komunikat['nick'];
}
}
if( $valid['mail'] == 1 ) {
if(!filter_var($_POST['mail'],FILTER_VALIDATE_EMAIL)) {
$walidacja['mail'] = $komunikat['mail'];
}
}
if( $valid['temat'] > 0 ) {
if(strlen($_POST['temat']) < $valid['temat'] ){
$walidacja['temat'] = $komunikat['temat'];
}
}
if( $valid['tresc'] > 0 ) {
if(strlen($_POST['tresc']) < $valid['tresc'] ){
$walidacja['tresc'] = $komunikat['tresc'];
}
}
if(empty($walidacja)) {
return 'true';
}else{
return $walidacja;
}
}
// Działanie
if (($_SERVER['REQUEST_METHOD'] == 'POST')) {// wejście postem
$walidacja = waliduj();
if ($walidacja == 'true'){ //poprawnie wypełniony formularz
if(mail($adres_odbiorcy,"=?UTF-8?B?".base64_encode($_POST['temat'])."?=",'
Od: '.$_POST['nick'].'
'.$_POST['tresc'].'
',‘From:’.$_POST[‘mail’]."\r\nContent-Type: text/html; charset=utf-8")){ //sukces print ’
‘.$komunikat[‘sukces’].’
'; }else{ //bląd serwera print ’
‘.$komunikat[‘fail’].’
'; print wyswietl_forme(); } }else{ //błędna walidacja $blad_walidacji = $walidacja; $blad_walidacji = ’
‘.$komunikat[‘blad’].’
- '; foreach ($walidacja as $wpis) { $blad_walidacji .= ’
- ‘.$wpis.’’; } $blad_walidacji .= ’
'; print wyswietl_forme($blad_walidacji); } }else{ // nowe wejście print wyswietl_forme(); } ?>[/code]
Zależy mi na tym, żeby na LinuxPL wyświetlał się tak jak na CBA.
Co może być przyczyną tego, że zmienił się wygląd ?