Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Estou com problemas no meu código, já tentei modificar inúmeras vezes.
Não é somente no fieldset, mas este é o que está em foco agora. Não tenho link , mas meu código segue abaixo.
Eu quero remover o fieldset, pois o mesmo dá problema no IE (a caixa fica pela metade). Outra coisa é o botão Span de OK. fica desalinhado com ou sem fieldset.
e quando eu tiro o fieldset, não consigo alinhar novamente nada, nem com CSS. Agradeço desde já ajuda. Segue os códigos:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta content="keywords" name="gs, GS, sistemas, sistema, desenvolvimento de sistemas, desenvolvimento, gestao industrial, gestao comercial, gestao, empresas, empresarial, assessoria, empresa, gs assessoria, Nota fiscal eletronica, NFe, Nota fiscal, cupom fiscal, programa, software, executavel, PAF, ECF, comercio, computador, computadores, servidor, servidores, clientes" />
<meta name="description" content="Seja bem vindo ao site da GS Assessoria. Desenvolvemos sistemas para industria e comercio em geral, visite-nos" />
<meta name="Author" content="Melina GS Assessoria" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="30 days" />
<meta name="distribution" content="global" />
<meta name="rating" content="general" />
<meta name="content-language" content="pt-br" />
<meta name="copyright" content="Copyright 2000-2010" />
<title>GS Assessoria Desenvolvimento de Sistemas</title>
<link rel= "stylesheet" type= "text/css" href="gs-assessoria-css.css" />
</head>
<body>
<div id="backimage">
<img src="[http://img27.imageshack.us/img27/6625/logogs32.png"](http://img27.imageshack.us/img27/6625/logogs32.png) id="esquerdabanner" alt="GS Assessoria [logomarca]"/>
<img src="[http://img406.imageshack.us/img406/5043/banngs.png"](http://img406.imageshack.us/img406/5043/banngs.png) id="direitabanner" alt="Desenvolvimento de Sistemas"/>
</div>
<div id="menulogin">
<form action="./?do=login" method="post">
<fieldset>
<legend>Área do usuário</legend>
<p><label for="username">Usuário:</label><input type="text" id="username" name="username" /></p>
<p><label for="username">Senha:</label><input type="password" id="password" name="password" /></p>
<p class="botoes"><span><button type="submit">OK</button></span></p>
</fieldset>
</form>
</div>
<div id="menuhoz">
<li><a href="./index.html" title="Página inicial">Início</a></li>
<li><a href="./trabalhos.html" title="Sistemas">Sistemas</a></li>
<li><a href="./contato.html" title="Entre em contato">Contato</a></li>
<li><a href="./faq.html" title="Perguntas Frequentes">FAQ</a></li>
<li><a href="./noticias.html" title="Notícias">Notícias</a></li>
<li><a href="./downloads.html" title="Downloads">Downloads</a></li>
<li><a href="./portfolio.html" title="Portfólio">Portfólio</a></li>
</div>
<div id="conteudo">
<h1>Sistemas</h1>
<hr></hr>
<p><br></br> GGGT
<br></br> GGG
</p>
<hr></hr>
</div>
</body>
</html>CSS
/ Documento CSS - GS Assessoria /
/Desenvolvido por Melina Girardi - Copyright © 2008/2010 - Todos os direitos reservados./
/Inicio /
* {
padding : 0;
margin : 0;
list-style : none;
}
body {
background : #FFF;
}
h1 {
text-align : Left;
font-family : "Trebuchet MS", Tahoma, "Lucida Bright", Garamond;
font-size : 20px;
color :#FF9D1E;
}
p {
text-align : left;
font-family : Tahoma, "Lucida Bright", Garamond;
font-size : 15px;
color : #171A33;
}
h2, h3, h4, h5, h6, h7 {
text-align : left;
font-size : 15px;
font-family : Tahoma, "Lucida Bright", Garamond;
}
/*DIV do Banner, 1ª img logo, 2º img letras*/
#backimage {
width : 100%;
height : 140px;
}
#esquerdabanner {
float : left;
}
#direitabanner {
float : right;
}
/*fim DIV do banner */
/*menu de login */
#menulogin {
clear : both;
width : 19%;
margin-left : 1%;
float : left;
display: block;
margin-top : 2.0em;
}
#menulogin fieldset {
margin-bottom : 10px;
padding : 12px;
}
#menulogin legend {
display : none;
}
#menulogin fieldset p {
position : relative;
}
#menulogin fieldset p input {
position : absolute;
left : 70px;
width : 60%;
border : 1px inset #175BFF;
background : #FFF;
}
#menulogin .botoes span {
display : block;
text-align : right;
padding-right : 12px;
padding-top : 1px;
}
/*Fim do menu de login */
#menuhoz {
margin : 0;
padding : 0;
text-align : center;
width : 70%;
height : 50px;
margin-left : 25%;
position : relative;
}
#menuhoz li {
list-style:none;
display:inline;
}
#menuhoz li a {
float:left;
border-top:0.1em solid #fff;
border-right:0.1em solid #909090;
border-bottom:0.1em solid #909090;
border-left:0.1em solid #fff;
width:6.0em;
background:#dae3f6;
color:#000;
text-align:center;
padding:0 0.2em 0.2em 0;
text-decoration:none;
}
#menuhoz a{
background:#dae3f6;
color:#333;
border-color:#fff #5882d5 #5882d5 #fff;
}
#menuhoz a:hover{
background:#36c;
color:#fff;
border-color:#000 #fafafa #fafafa #000;
}
#conteudo {
color : #9CB5F1;
margin-left : 25%;
position : relative;
margin-right: 5%;
position : absolute;
border : px solid #dae3f6;
width : 70%;
}
/*Fim do CSS */Pessoas NÃO CONSEGUI ALTERAR O TÍTULO - Embora eu tenha acabado de conseguir arrumar o CSS Dos menus ! Desculpae :/
Carregando comentários...