formulario de registro desconfigurado

  • cacaccz
  • Avatar de cacaccz Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
13 anos 1 mês atrás #44366 por cacaccz
cacaccz created the topic: formulario de registro desconfigurado
Ola pessoal, sou novo aqui no clube, mas preciso de um help dos mestres,
estou com um site em joomla com virtuemart, na hora da finalizacao da compra onde faz o registro de um novo cliente o formulario esta todo desconfigurado e nao se pode ler onde esta nome, telefone, porque nao aparece, preciso de uma ajuda.
segue imagem em anexo e codigo do template.css

/**************************************************************************************/
/*
/* This template/design is released under the Creative Commons Attribution 3.0 license.
/* This means that it can be used for private and commercial purposes, edited freely
/* or redistributed as long as you keep the link back to AS Designing.
/* For more info please see our terms of use: http://www.astemplates.com/terms.php
/*
/* Designed by 'AS Designing'
/* Web: [url=http://www.asdesigning.com" onclick="window.open(this.href);return false;]http://www.asdesigning.com[/url]
/* Email: <!-- e --><a href="mailto:info@asdesigning.com]info@asdesigning.com[/url]<!-- e -->
/*
/**************************************************************************************/

/**************************************************************************************/
/**************************************************************************************/
/* Elements
/**************************************************************************************/
/**************************************************************************************/

* {padding:0; margin:0; border: 0px;}

body
{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #F2F2F2;
text-align: left;
vertical-align: top;
background-color: #000;
}

table
{
border: none;
}

img
{
border: 0;
vertical-align: top;
outline-style: none;
}

p
{
padding: 20px 30px 10px 30px;
}

a
{
outline-style: none;
text-decoration: none;
color: #FFF;
}

a:hover
{
color: #E8946D;
border: none;
}


ul
{
padding: 10px 30px 10px 45px;
}

li
{
padding: 1px 0px 1px 5px;
}

form
{
padding: 0px 0px 0px 0px;
}

fieldset
{
margin: 5px 0px 5px 0px;
padding: 2px 0px 2px 0px;
}

input
{
height: 15px;
margin: 2px 8px 2px 0px;
padding: 2px 2px 2px 2px;
font-size: 11px;
color: #666666;
border: 1px;
border-color: #64686B;
border-style: solid;
vertical-align: bottom;
}

textarea
{
width: 450px;
margin: 2px 2px 10px 0px;
padding: 2px 2px 2px 2px;
font-size: 11px;
color: #666666;
border: 1px;
border-color: #64686B;
border-style: solid;
vertical-align: bottom;
}

label
{
vertical-align: middle;
}

marquee
{
width: 193px;
height: 80px;
}

/**************************************************************************************/
/**************************************************************************************/
/* General Element IDs
/**************************************************************************************/
/**************************************************************************************/

#general
{
}

#companyname
{
height: 65px;
margin: 20px 0px 0px 0px;
}

#companyname a
{
}

#mainlogo
{
}

#mainlogo a , #companyname a
{
border-style: none;
}

/**************************************************************************************/
/* Main Menu
/**************************************************************************************/

#mainmenu
{

}

.mainmenu ul
{
margin: 25px 0px 10px 0px;
padding: 0px 0px 0px 50px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
border-left: 1px;
border-left-style: solid;
}

.mainmenu li
{
margin: 7px 5px 0px 40px;
padding: 0px 0px 0px 30px;
list-style: none;
line-height: 25px;
vertical-align: middle;
}

.mainmenu li a
{
color: #FFFFFF;
border-bottom: none;
}

.mainmenu li a:hover
{
color: #e8946d;
}


/**************************************************************************************/
/**************************************************************************************/
/* Header
/**************************************************************************************/
/**************************************************************************************/

#header
{
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-position: top;
}

#headercontent
{
width: 990px;
min-height: 335px;
vertical-align: top;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-image: url(../images/mainbanner.jpg);
background-repeat: no-repeat;
background-position:right top;
}

#header ul
{
list-style: none;
padding: 0px 0px 0px 0px;
}

#header li
{
list-style: none;
padding: 0px 0px 0px 0px;
}

/**************************************************************************************/
/* Content
/**************************************************************************************/
/**************************************************************************************/

#content
{
width: 990px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}

/**************************************************************************************/
/* Column Left
/**************************************************************************************/

#colleft
{
float: left;
text-align: left;
margin: 0px 0px 25px 0px;
padding: 0px 0px 25px 0px;
width: 233px;
min-height: 250px;
background-image: url(../images/colleft_bg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #5D5D5D;
border-left: 1px #656867 solid;
border-top: 1px #656867 solid;
border-right: 1px #656867 solid;
border-bottom: 1px #656867 solid;
}

#colleft .headline
{
margin: 9px 20px 0px 20px;
height: 25px;
border-bottom: 1px #FFF solid;
}


#colleft h1,
#colleft h2,
#colleft h3
{
margin: 0px 0px 15px 0px;
padding: 15px 0px 0px 0px;
text-align: left;
color: #FFF;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px #FFF solid;
height: 20px;
}

#colleft h4,
#colleft .bannerheader
{
padding-bottom: 10px;
}

#colleft p
{
padding: 0px;
margin: 0px 10px 0px 0px;
font-size: 12px;
font-weight: normal;
text-align: left;
}

#colleft ul
{
padding: 0px 0px 0px 20px;
}

#colleft li
{
padding: 3px 0px 3px 0px;
list-style-image: url(../images/mark.png);
}

#colleft a
{
text-decoration: none;
color: #FFFFFF;
font-weight: normal;
}

#colleft a:hover
{
padding: 0px 0px 0px 10px;
color: #e8946d;;
cursor: pointer;
}

#colleft input[type="checkbox"],
#colleft input[type="radio"]
{
float: left;
width: 15px;
height: 15px;
margin: 0px 5px 0px 0px;
border: none;
}

#colleft .txtblock
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
text-align: left;
}

#colleft button,
#colleft .button
{
padding: 0px 20px 0px 20px;
margin: 10px 20px 0px 0px;
height: 20px;
width: 120px;
background-color: #999;
font-size: 12px;
font-weight: bold;
color: #000000;
border: 1px;
border-color: #CCC;
border-style: solid;
}

#colleft button:hover,
#colleft .button:hover
{
color: #FFFFFF;
background-color: #5D5D5D;
cursor: pointer;
}

#colleft .collefttopimg
{
margin-top : 15px;
height: 150px;
text-align: center;
}

/**************************************************************************************/
/* Column Main
/**************************************************************************************/
#colmain
{
float: left;
width: 688px;
min-height: 400px;
padding: 0px 20px 20px 20px;
margin: 0px 0px 25px 20px;
border-right: 1px #CCC solid;
border-left: 1px #CCC solid;
text-align: justify;
color: #CCC;
background-image: url(../images/colmainbg.png);
background-position: right bottom;
background-repeat: no-repeat;
}

#colmain .reduced
{
width: 688px;
margin: 0px auto 0px auto;
padding-top: 15px;
}

#colmain h1,
#colmain h2,
#colmain h3
{
line-height: 25px;
border-bottom: 1px #CCC dotted;
margin: 10px 0px 20px 0px;
padding: 13px 0px 0px 40px;
background-image: url(../images/headline.png);
background-position: left;
background-repeat: no-repeat;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}

#colmain p
{
font-size: 12px;
font-weight: normal;
text-align: justify;
margin: 10px 0px 0px 0px;
}

#colmain .reduced p
{
padding: 0px 0px 20px 0px;
}

#colmain ul
{
margin: 10px 10px 0px 0px;
padding: 0px 0px 20px 10px;
}

#colmain li
{
padding: 3px;
list-style: inside;
}


#colmain input
{
float: left;
width: 202px;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
float: left;
width: 15px;
}

#colmain label
{
float: left;
width: 150px;
}

#colmain img
{
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
border-style: none;
}

#colmain .txtblock
{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

#colmain #article
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#colmain #article img
{
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
}

#colmain .writenby
{
float: left;
margin: 0px 30px 10px 0px;
}

#colmain .readmore
{
margin: 0px 0px 10px 0px;
}


#colmain button,
#colmain .button
{
padding: 0px 20px 0px 20px;
margin: 10px 20px 10px 0px;
height: 20px;
width: 200px;
background-color: #999;
font-size: 12px;
font-weight: bold;
color: #000000;
border: 1px;
border-color: #CCC;
border-style: solid;
}

#colmain button:hover,
#colmain .button:hover
{
color: #FFFFFF;
background-color: #5D5D5D;
cursor: pointer;
}

#colmain .adsense
{
width: 100%;
height: 70px;
margin-top: 35px;
padding-top: 5px;
border: 1px;
border-color: #CCC;
border-style: dotted;
text-align: center;
}

/**************************************************************************************/
/* Column Right
/**************************************************************************************/

#colright
{
}

/**************************************************************************************/
/* Footer
/**************************************************************************************/
/**************************************************************************************/

#footer
{
height: 100px;
margin: 20px 0px 0px 0px;
text-align: center;
background-color: #5D5D5D;
border-top: 1px #656867 solid;
}

#footercontent
{
width: 990px;
height: 100px;
vertical-align: top;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 11px;
}

#footermenu
{
float: right;
margin: 20px 0px 0px 0px;
text-align: right;
font-weight: bold;
font-size: 11px;
}

#footermenu a
{
text-decoration: none;
}

#footermenu a:hover
{
color: #E8946D;
}

#footermenu ul
{
list-style: none;
}

#footermenu li
{
padding: 0px 0px 0px 5px;
display: inline;
}

#footermenu li a
{
border: none;
}

#footermenu li a:hover
{
color: #E8946D;
border-bottom: 0px;
border-bottom-style: dotted;
border-color: #5A5A5A;
}

#footertrademark
{
float: left;
margin: 20px 0px 0px 0px;
text-align: left;
font-size: 11px;
font-weight: bold;
}

#footertrademark #trade
{
margin: 5px 0px 0px 0px;
}

#footertrademark a
{
text-decoration: none;
outline-style: none;
border: none;
}

#footertrademark a:hover
{
}


/**************************************************************************************/
/* General Classes
/**************************************************************************************/
/**************************************************************************************/

.alignleft
{
text-align: left;
}

.alignright
{
text-align: right;
}

.center
{
padding: 10px;
text-align: center;
}

.left
{
float: left;
}

.right
{
float: right;
}

.clear
{
clear: both;
}

.spacer
{
height: 40px;
}

.separator_10
{
width: 1px;
height: 1px;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

.separator_15
{
width: 1px;
height: 1px;
margin: 15px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}

.sepline
{
padding: 0px 0px 15px 0px;
}

.separator
{
margin: 10px 0px 0px 0px;
height: 1px;
}

.separatordotted_hor
{
margin: 20px 0px 20px 0px;
border-top: 1px #5D5D5D dotted ;
}

.separatordotted_ver
{
margin: 0px 0px 0px 0px;
border-left: 1px #5D5D5D dotted;

}

.border
{
}

.button,
button
{
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 10px;
height: 25px;
width: 90px;
font-size: 11px;
font-weight: bold;
color: #F6F6F6;
outline-style: none;
}

.button:hover,
button:hover
{
color: #F6F6F6;
cursor: pointer;
}

.label
{
font-weight: bold;
}

.asterisk
{
float: left;
width: 10px;
padding: 0px 0px 0px 3px;
color: #FF6600;
}


obrigado a todos espero ajuda.
Anexos:

Please Entrar ou Registrar to join the conversation.


Mais
13 anos 1 mês atrás #44689 por angelo.galo
angelo.galo replied the topic: Re: formulario de registro desconfigurado
Amigo não precisa postar o código posta a url do seu site que ficará mais facil resolver.

Abraços

[center:pq7gqxir]Tudo Sobre PC
Tecnologia em um só lugar!
[url:pq7gqxir]http://www.tudosobrepc.com.br[/url:pq7gqxir][/center:pq7gqxir]

Please Entrar ou Registrar to join the conversation.

Mais
12 anos 6 meses atrás #56159 por liclopes
liclopes replied the topic: Re: formulario de registro desconfigurado
ou coloca o link do site ou o coloca o código deste formulário usando a tag: [.code] código [./code]

Please Entrar ou Registrar to join the conversation.

Mais
12 anos 4 meses atrás #59030 por maykondc
maykondc replied the topic: Re: formulario de registro desconfigurado
tah bom, mas e a resposta para a pergunta dele?

Please Entrar ou Registrar to join the conversation.