مشکل نمایش فرم

[chemist 3]

با سلام؛

در فرم زیر که کدش رو قرار دادم، در فیلد مربوط به "عنوان درخواست:" بعد از نوشتن عنوان، عنوان نوشته شده قابل مشاهده برای کاربر نیست! به صورتی که انگار با فونت سفید نوشته میشه!!! ولی در هر صورت نوشته میشه و ارسال هم میشه، ولی کاربر نمیتونه ببینه چی نوشته!

چطور میتونم این مشکل رو حل کنم؟؟؟

<?php require('sidebar.php'); ?>
  <article class="content">
   <h1><?php $this->lang('NEW_TICKET') ?></h1>
    <section>
	    <form action="<?php echo URL ?>newticket/send" method="post">
		    <section class="newticket">
		    <?php $this->messages() ; ?>
			    <section class="newticket-s1">
			    <h3><?php $this->lang('CHECK_DEPARTMENT') ?></h3>
			    <section class="departemans">
			    <?php
	 foreach( $departments as $dep )
	 { 
	  echo '<fieldset class="newticketf">
	    <legend>
	    <input type="radio" name="department" value="'.$dep['id'].'"> '.$dep['name'].' <br>
	    </legend>
	    <p>'.nl2br($dep['des']).'</p>
	   </fieldset>';

	 }
    ?>
			    </section>
				    <br><a onclick="newticketsteptwo()" class="btn btn-success" ><?php $this->lang('SUBMIT') ?></a>
			    </section>
			    <section class="newticket-s2">
				    <p><?php $this->lang('TICKET_TITLE') ?> : </p><input class="input-block-level bigfield" type="text" name="title"><br>
				    <p><?php $this->lang('URGENCY') ?> : </p>
					 <select name="urgency" class="span3">
						 <option value="necessary"><?php $this->lang('NECESSARY') ?></option>
						    <option value="normal"><?php $this->lang('NORMAL') ?></option>
						    <option value="low"><?php $this->lang('LOW') ?></option>
					    </select>
				    <br><br>
				    <p><?php $this->lang('TICKET_BODY') ?> : </p><textarea class="input-block-level" name="message" rows="10"></textarea><br><br>
				    <input type="submit" value="<?php $this->lang('SEND') ?>" class="btn btn-primary">   
				    <a href="<?php echo SITEURL ?>" class="btn btn-danger"><?php $this->lang('GO_BACK') ?></a>

			    </section>
		    </section>
	    </form>
    </section>

این هم استایل:

@charset "utf-8";
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body {
font: 12px tahoma, BYekan, b yekan, Helvetica, sans-serif;
background-color: #fff;
margin: 0;
padding: 0;
color: #000;
background-image:url(img/bg.png);
direction:rtl;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
font-family: BYekan, b yekan !important;
font-weight: normal;
font-size:17px;
color:#666;
}
.btn , input{
font-family:Tahoma, Geneva, sans-serif;
}
a img {
border: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 960px;
background-color: #FFFFFF;
margin: 0 auto;
box-shadow: 0 5px 20px #ccc;
margin-bottom:10px;
}
header {
background-color: #f4f4f4;
}
#logo{
background-image:url(img/logo.png);
background-repeat:no-repeat;
width:200px;
height:70px;
text-align:center;
}
.top-nav-left{
float:left !important;
border-right:1px solid #DFDFDF !important;
}
.top-nav-first{
border-right:1px solid #DFDFDF !important;
}
.sidebar1 {
float: right;
width: 245px;
border-left: 1px solid #ddd;
padding-bottom: 10px;
}
.content {
padding: 10px;
width: 673px;
float: right;
margin:15px auto;
}
.i-content {
padding: 10px 0;
width: 100%;
position:relative;
display:inline-block;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
ul.sidenav {
list-style: none;
margin: 15px 0;
}
ul.sidenav li {
/*border-bottom: 1px solid #eee;*/
}
ul.sidenav a{
color:#8c8c8c;
font-family:BYekan, b yekan,tahoma;
font-size:13px;
padding:7px 15px;
}
ul.sidenav a.active{
background-color: #4CA1FF !important;
position: relative;
color:#fff !important;
}
ul.sidenav a:before {
content: url(img/backli.png);
padding: 8px;
opacity: .5;
}
ul.sidenav a.active:before {
content: url(img/backlih.png) !important;
padding: 8px;
opacity:1;
}
ul.sidenav a:hover:before {
content: url(img/backlia.png);
padding: 8px;
opacity:1;
}
ul.sidenav a, ul.sidenav a:visited {
display: block;
text-decoration: none;
}
ul.sidenav a:hover, ul.sidenav a:active, ul.sidenav a:focus {
color: #0088cc;
}
footer {
padding: 10px 0;
background-color: #747474;
position: relative;
clear: both;
border-top:4px solid #4CA1FF;
background-image:url(img/footer.gif);
}
footer p, footer a{
color:#eee;
text-align:center;
}
footer a:hover{
color:#fff;
text-shadow:0 0 2px #fff;
}
.copyright {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
text-align:center;
color:#666;
}
header, section, footer, aside, article, figure {
display: block;
line-height:2em;
}
.topnav {
width: 100%;
height: 40px;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #DFDFDF;
box-shadow: inset 0 0 10px #fff;
background: #F7F7F7;
}
.clear {
width: 960px;
margin: 0 auto;
}
.clear li {
list-style-type: none;
float: right;
padding: 7px 0px;
border-right: 1px solid #fff;
border-left: 1px solid #DFDFDF;
}
.clear li a {
font-size: 17px;
font-family: BYekan, b yekan;
padding: 8px 16px;
color: #8A8A8A;
transition:.6s;
}
.clear li a:hover {
background: #E6E6E6;
color: #000 !important;
box-shadow: inset 0 0 5px #BEBEBE;
text-shadow: 0 1px 1px #FFF;
}
.close{
cursor:pointer;
float:right;
}
select {
border-radius: 3px;
border: 1px solid #ddd;
outline: none;
transition: .6s;
width: 200px;
color: #6D6D6D;
font-family: tahoma;
padding: 8px 10px;
font-size: 14px;
}
.previous{
margin: 10px;
padding: 10px;
padding-left:23px;
border: 1px solid #016DAA;
color: #016DAA;
border-radius:5px;
background:url(img/prevous.png) 4px no-repeat;
transition:.4s;
font-family:Tahoma, Geneva, sans-serif;
cursor:pointer;
}
.previous:hover{
color:#fff !important;
background:#016DAA url(img/prevousho.png) 4px no-repeat !important;
}
.send-tick {
background:#eee url(img/create-ticket-icon.png) no-repeat center 62px !important;
}
.send-tick:hover {
background: #00850B url(img/create-ticket-icon.png) no-repeat center 62px !important;
color: #fff !important;
}
.list-tick {
background:#eee url(img/ticket-icon.png) no-repeat center 62px !important;
}
.list-tick:hover {
background: #00850B url(img/ticket-icon.png) no-repeat center 62px !important;
color: #fff !important;
}
.user-change {
background:#eee url(img/User-icon.png) no-repeat center 62px !important;
}
.user-change:hover {
background: #00850B url(img/User-icon.png) no-repeat center 62px !important;
color: #fff !important ;
}
.t-box{
width: 137px;
text-align: center;
height: 101px;
margin: 30px 15px;
float: right;
border-radius: 5px;
border: 2px solid #ddd;
transition:.4s;
background:#eee;
font-family: BYekan,b yekan;
font-size: 19px;
padding: 20px;
cursor:pointer;
color:#666 !important;
}
.t-box a{
color:#666 !important;
}
.content h2, .content h1, .i-content h1 {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
color:#666;
font-size:23px;
}
.top-nav-left{
float:left !important;
border-right:1px solid #DFDFDF !important;
}
.top-nav-first{
border-right:1px solid #DFDFDF !important;
}
.c-ticket-header {
border-bottom: 1px solid #00BB1E;
background: #00BB1E;
padding: 11px;
color: #fff;
text-shadow: 0 1px 2px #007A00;
}
.c-ticket-header h4 {
font-size: 17px;
position: relative;
display: initial;
color: #fff;
}
.c-ticket {
margin: 10px;
border: 1px solid #00BB1E;
border-radius: 5px;
}
.c-ticket-p {
padding: 15px;
font-size: 13px;
line-height: 2em;
background: rgba(250, 250, 250, 0.27);
color: #666;
}
.a-ticket-header {
background: #4CA1FF !important;
padding: 11px;
border-bottom: 1px solid #4CA1FF;
color:#fff;
text-shadow: 0 1px 2px #4773FF;
}
.a-ticket-header h4 {
font-size: 17px;
position: relative;
display: initial;
color: #fff;
text-shadow: 0 1px 2px #4773FF;
}
.a-ticket {
margin: 10px;
border: 1px solid #4CA1FF;
border-radius: 5px;
}
.a-ticket-p {
padding: 15px;
font-size: 13px;
line-height: 2em;
background: rgba(250, 250, 250, 0.27);
color: #666;
}
.signature {
border-top: 1px solid #ddd;
margin: 20px 0 0 0;
padding: 6px;
font-size:12px !important;
}
.newticket{
margin:20px;
}
.newticket p{
font-family: BYekan,b yekan;
font-size: 17px;
color: #666;
padding: 10px 0 0 !important;
margin: 0;
}
.newticket-s2{
display:none;
}
.newticketf {
border: 1px solid #ddd;
border-radius: 5px;
margin: 20px auto;
width: 550px;
}
.newticketf legend {
font-family: BYekan;
font-size: 17px;
color: #666;
}
.newticketf p{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#666;
}
.departemans {
background: rgba(242, 248, 255, 0.46);
border-radius: 6px;
padding: 10px;
}
.list-tickets {
background: #eee;
margin: 11px auto;
border-radius: 5px;
display: inline-table;
width: 99%;
overflow:hidden;
font-family: BYekan, b yekan;
font-size: 13px;
}
.list-tickets .title {
padding: 15px 10px;
max-width: 660px !important;
float: right;
font-family: BYekan,b yekan;
font-size: 21px;
color: #666;
width: 660px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: initial;
position: relative;
}
.list-tickets time {
display: inline-table;
width: 200px;
position: relative;
float: right;
background: #5A5A5A;
padding:7px;
text-align:center;
color:#fff;
border-left: 1px solid #fff;
}
.list-tickets .urgency {
float: right;
padding: 7px;
width: 63px;
text-align: center;
color:#fff;
border-left: 1px solid #fff;
}
.list-tickets .status {
float: right;
padding: 7px;
text-align: center;
width: 73px;
color:#fff;
}
.list-tickets .tid {
float: right;
padding: 7px;
background: #0C0092;
font-family: BYekan, b yekan;
font-size: 17px;
width: 60px;
text-align: center;
color:#fff;
border-left: 1px solid #fff;
}
.list-tickets .depart {
float: right;
padding: 7px;
background: #850075;
width: 213px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: initial;
position: relative;
color:#fff;
border-left: 1px solid #fff;
}
fieldset p{
padding:10px;
}
.input-block-level.bigfield {
padding: 17px;
font-size: 14px;
}
.table-centered td, .table-centered th{
text-align:center !important;
}
.centered{
margin:0 auto !important;
float:none !important;
}
.profile label {
width: 163px;
float: right;
}

ممنون میشم اگه دوستان لطف کنن و این مشکل رو حل کنند.

با سپاس

[themento 348]

سلام اگه یه آدرس آنلاین قرار بدید بهتر راهنمایی میشه.

ما که نمی تونیم همه کد های شما رو برسی کنیم و دنبال اشتباه باشیم

[imanfakhar 26231]

به انتهای استاتیل اضافه کنید

.input-block-level.bigfield {
color:#000 !important;
font-family:Tahoma !important;

}

[chemist 3]

با تشکر از استاد عزیز که لطف کردن و راهنمایی فرمودند؛ ولی با اضافه شدن این کد نیز مشکل حل نشد!

این استایلی هست که به فیلد مورد نظر داده شده:

.input-block-level.bigfield {
padding: 17px;
font-size: 14px;
}

[imanfakhar 26231]

نشانی آنلاین بگذارید

ببینید div هولدر کلاسش newticket-s2 که تو استایل display:none گرفته در نتیجه قاعدتا باید با جی کوئری کلاسش تغییر کنه تا نمایش داده بشه و احتمالا رنگ سفید رو از کلاس دوم می گیره که تو این کدها معلوم نیست چیه

[chemist 3]

با سپاس از استاد که همیشه با راهنمایی های بسیار دقیق حتماً مشکل رو حل می کنند؛

آدرس آنلاین:

http://support.shimist.ir/

نام کاربری: a@b.com

رمز عبور: 123456

آدرس فرم:

http://support.shimist.ir/newticket

[imanfakhar 26231]

الان که سالمه و مشکلی نداره

[chemist 3]

ممنون؛ من با اینترنت اکسپلورر 8 تست کردم، فرم بدون مشکل نمایش داده شد! ولی با آخرین نسخه فایرفاکس (34) باز همون مشکل رو که عرض کردم داره!!!

[chemist 3]

اسکریپت جهت مشاهده بقیه فایل ها

poshtiban.zip

[imanfakhar 26231]

اول به input یک آی دی بدید و بعد به آی دی رنگ بدید

<input class="input-block-level bigfield" type="text" id="title" name="title">

و

#title {
color:#000 !important;
font-family:Tahoma !important;
}

فایر فاکس هم مشکلیب خودش نداره ممکنه با یکی از افزونه هاش تداخل کرده باشه

[chemist 3]

با سپاس، آیدی به فیلد مربوطه داده شد و به استایل هم کدی که فرمودین رو اضافه کردم ولی در فایرفاکس و اینترنت اکسپلورر 10 همین مشکل رو داره، در ضمن این مورد رو در چند سیستم متفاوت تست کردم.

شاید هم اصلاً مشکل از رنگ فونت نباشه!

[imanfakhar 26231]

من که مشکلی ندیدم تا مشکل هم دیده نشه که نمی شه چیزی گفت ولی بنا به گفته خودتون فونتها سفیدند

فایرفاکس با فونتهای فارسی در اینپوتها مشکل داره بهتره فونتش رو حتما tahoma یا arial کنید و چک کنید