Problema com CSS no formulário de contato (Apenas no Chrome)

  • alvinhu
  • Avatar de alvinhu Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
12 anos 2 semanas atrás #68455 por alvinhu
alvinhu created the topic: Problema com CSS no formulário de contato (Apenas no Chrome)
Galera, boa tarde.

Sou novo aqui e no Joomla também ^^

Estou tendo um problema ao criar o formulário de contato no meu site, ele aparece OK no Firefox e no IE, mas no Chrome ele fica desalinhado, olhem o print abaixo:



Abaixo com oestá meu styles.css

/* Contact styles */
th.item-num, th.item-title,th.item-position,th.item-phone,th.item-suburb,th.item-state { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding: 2px 2px 2px 7px; border-right:1px solid #fff; color:#fff; text-align:left;}
th.item-num a, th.item-title a,th.item-position a,th.item-phone a,th.item-suburb a,th.item-state a {color:#fff}
td.item-num {width:5%; text-align:left;}
td.item-title {width:25%; text-align:left;}
td.item-position {width:15%;text-align:left;}
td.item-phone {width:15%;text-align:left;}
td.item-suburb {width:15%;text-align:left;}
td.item-state {width:15%;text-align:left;}
.contact label { width:100%;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px;}

.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}

.readmore a{ float:right; line-height:14px; -moz-border-radius: 5px; border-radius: 5px; background: #83b98c; color:#fff;overflow:visible; font-size:12px; padding:3px;}
.readmore a:hover{ background: #555; color:#fff; text-decoration:none;}

ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left; padding-top: 10px;}
.pagenav-next { float:right; padding-top: 10px;}
.pagination { clear:both;}
span.pagination { background:none;}
.pagination span, .pagination a, ul.pagenav li a {padding: 1px 8px; background: #fff; color: #555; font-weight: bold; font-size: 90%;}
.pagination a, ul.pagenav li a { font-weight: bold; text-decoration:underline}
.button, .validate { padding: 1px 8px; border: 1px solid #999999; background: #b9b8b8; color: #FFF; font-weight: bold; font-size: 90%;}
.button:hover,.validate:hover,.pagination a:hover,ul.pagenav li a:hover {background:#757474;color:#fff;}
.inputbox, input, textarea, select { resize: none; background:none repeat scroll 0 0 transparent ; border:1px solid #c0c0c0; color:#13618d; -moz-border-radius: 5px; border-radius: 5px; padding-right: 4px;}
.breadcrumbs { padding:0 0 0 10px; color:#555;}
.searchbox {background: url(../images/search.png) no-repeat ; width: 165px; height: 18px; color:#fff; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px;}


Tem como fazer alguma alteração nesse caso ou o ideal seria instalar algum modulo de formulário de contato pronto?

Agradeço à atenção!

Abs

Please Entrar ou Registrar to join the conversation.