css formulários grandes

93 views
Skip to first unread message

Douglas J.A.M

unread,
Jun 11, 2012, 9:04:04 AM6/11/12
to kohan...@googlegroups.com
Bom dia galera,

   Estou fazendo um sistema web, onde tem formulário para caramba e são grandes, e os formulários também são bem distintos, uns tem 2 colunas, outros uma, outros 3, uns tem campos que sao 1 coluna outros 2, é uma mixagem danada...
Mas estou apanhando demais para trabalhar com isso, vocês tem alguma dica ou recomendação para me fazer, eu praticamente estou fazendo na mão, isto não está sendo produtivo, vocês utilizam algum macete ou truque para não apanhar tanto?

Atenciosamente,

Joel Souza

unread,
Jun 11, 2012, 11:42:16 AM6/11/12
to kohan...@googlegroups.com

Use algum `framework` css. Eu particularmente, iria de blueprint.

--
Você está recebendo esta mensagem porque se inscreveu no grupo "Kohana Php" dos Grupos do Google.
Para ver esta discussão na web, acesse https://groups.google.com/d/msg/kohana-php/-/u3ELypjlijEJ.
Para postar neste grupo, envie um e-mail para kohan...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para kohana-php+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/kohana-php?hl=pt-BR.

felipe bastos

unread,
Jun 11, 2012, 11:44:27 AM6/11/12
to kohan...@googlegroups.com
eu tenho usado o bootstrap do twitter ..

http://twitter.github.com/bootstrap

dá pra brincar legal com ele.
--
http://felipebastosweb.com.br
http://twitter.com/felipebastosweb

Bernardo - Sudeste Hosting

unread,
Jun 11, 2012, 12:16:34 PM6/11/12
to kohan...@googlegroups.com
960 Grid Css http://960.gs  e https://github.com/gahgneh/minify-kohana podem lhe ajudar.
Atenciosamente,
Bernardo Sepulveda de Castro
------- ------- ------- -------- -------- --------
Sudeste Hosting...
Ideias e Soluções Web
www.sudestehosting.com.br
(21)3305-3105

Jean

unread,
Jun 11, 2012, 12:54:11 PM6/11/12
to kohan...@googlegroups.com
Dicas boas dos frames, basicamente vc precisa é de um GRID

--

Douglas J.A.M

unread,
Jun 13, 2012, 8:12:00 AM6/13/12
to kohan...@googlegroups.com
Felipe

Top esse twitter boostrap, hoje em dia eu uso este que é bem parecido http://lightglitch.github.com/bootstrap-xtra/ mas ainda não domino o suficiente para usar ele como idéia padrão sempre, direto e reto fujo pro meu próprio jeitinho na unha, ainda falta acostumar com a idéia de boostrap, mas vou forçar a barra cmg mesmo e tentar a usar so isso.

Obrigado


Em segunda-feira, 11 de junho de 2012 12h44min27s UTC-3, felipebastosweb escreveu:
eu tenho usado o bootstrap do twitter ..

http://twitter.github.com/bootstrap

dá pra brincar legal com ele.

Em 11 de junho de 2012 12:42, Joel Souza <joel....@gmail.com> escreveu:

Use algum `framework` css. Eu particularmente, iria de blueprint.

Em 11/06/2012 10:04, "Douglas J.A.M" <dougl...@gmail.com> escreveu:
Bom dia galera,

   Estou fazendo um sistema web, onde tem formulário para caramba e são grandes, e os formulários também são bem distintos, uns tem 2 colunas, outros uma, outros 3, uns tem campos que sao 1 coluna outros 2, é uma mixagem danada...
Mas estou apanhando demais para trabalhar com isso, vocês tem alguma dica ou recomendação para me fazer, eu praticamente estou fazendo na mão, isto não está sendo produtivo, vocês utilizam algum macete ou truque para não apanhar tanto?

Atenciosamente,

--
Você está recebendo esta mensagem porque se inscreveu no grupo "Kohana Php" dos Grupos do Google.
Para ver esta discussão na web, acesse https://groups.google.com/d/msg/kohana-php/-/u3ELypjlijEJ.
Para postar neste grupo, envie um e-mail para kohan...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para kohana-php+unsubscribe@googlegroups.com.

Para obter mais opções, visite esse grupo em http://groups.google.com/group/kohana-php?hl=pt-BR.

--
Você está recebendo esta mensagem porque se inscreveu no grupo "Kohana Php" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para kohan...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para kohana-php+unsubscribe@googlegroups.com.

Para obter mais opções, visite esse grupo em http://groups.google.com/group/kohana-php?hl=pt-BR.

felipe bastos

unread,
Jun 13, 2012, 8:23:18 AM6/13/12
to kohan...@googlegroups.com
Hum ...

Esse aí é baseado no bootstrap do twitter. A única diferença é na parte dos botões, que tem icones diferentes.

É fácil usar .. no primeiro dia que vi já coloquei em um projeto de layout simples que tinha acabado de começar.

Como não trabalho com UI (falta de aptidão) .. o bootstrap tem ajudado. Mas, dá para utilizá-lo em layouts mais elaborados.


Para ver esta discussão na web, acesse https://groups.google.com/d/msg/kohana-php/-/jNGPFQrrUU0J.

Para postar neste grupo, envie um e-mail para kohan...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para kohana-php+...@googlegroups.com.

Para obter mais opções, visite esse grupo em http://groups.google.com/group/kohana-php?hl=pt-BR.

Beto

unread,
Jun 13, 2012, 8:34:15 AM6/13/12
to kohan...@googlegroups.com

Acho o twitter bootstrap fantastico.

Uso ele sempre.

felipe bastos

unread,
Jun 13, 2012, 8:48:07 AM6/13/12
to kohan...@googlegroups.com
Bom, continuando ..

Achei esse aqui que integra os widgets do jqueryUI com o bootstrap


Agora estou buscando alguma integração do bootstrap com todas as Interações do jUI

Dragable, dropable, Sortable, etc.

Vocês conhecem algum?

Guilherme Maule

unread,
Jun 13, 2012, 10:25:00 AM6/13/12
to kohan...@googlegroups.com
Caramba!!! Como eu perdi tempo nesta vida! Pq eu não descobri isto antes?

Rs... Eu falo que me arrependi de entrar em grupos antes... E to certo...

Pirei no bootstrap do twitter! Rs... Outro nivel hein... vou me dedicar a desenvolver apenas nele agora... sem mais gambiarras hehehe...

Valeu ai...
Att,
Guilherme Maule dos Reis
Web Designer 
43 - 9129 1400

Rogério Bispo | Web Team

unread,
Jun 13, 2012, 10:52:43 AM6/13/12
to kohan...@googlegroups.com
Legal hein já implementei no meu site , é bem simples.
Rogério Bispo
Tecnologia da Informação | Rolemak Ltda
contato: 11 3331-4782 | roger...@rolemak.com.br
skype: rolemak_rogeriobbvn


Diogo Machado

unread,
Jun 13, 2012, 4:28:17 PM6/13/12
to kohan...@googlegroups.com
Por isso que adoro esse grupo, muito boa a dica do twitter bootstrap.
Diogo Machado
Desenvolvimento de Aplicações Web
www.diogomachado.com | 028 9922-0849



jose antoniel de lima Lima

unread,
Jun 13, 2012, 6:09:25 PM6/13/12
to kohan...@googlegroups.com
Também utilizo o twitter bootstrap ele é otimo.
 
--
Atenciosamente,
José Antoniel de Lima
Analista de Sistemas PHP5

Jean

unread,
Jun 14, 2012, 3:24:52 AM6/14/12
to kohan...@googlegroups.com
twitter bootstrap é divino! kkk

Guilherme Maule

unread,
Jun 14, 2012, 8:19:46 AM6/14/12
to kohan...@googlegroups.com
Ele é tão facil a aprendizagem que ontem mesmo fazendo um site com ele pela primeira vez, parecia que eu já o utilizada a anos.

rs...

felipe bastos

unread,
Jun 14, 2012, 9:59:54 AM6/14/12
to kohan...@googlegroups.com

Uma curiosidade ..

vcs testaram com IE8 e IE9? Comigo quebra o layout, queria saber se é só comigo.

Guilherme Maule

unread,
Jun 14, 2012, 10:12:25 AM6/14/12
to kohan...@googlegroups.com
Eu usei o Adobe BrowserLab para testes dos navegadores.

E nos IE 7 a 9 nao quebraram...

felipe bastos

unread,
Jun 14, 2012, 10:17:40 AM6/14/12
to kohan...@googlegroups.com

Vlw ..

Mesmo que eu copie do site do bootstrap .. sempre tenho problemas com o layout no IE.

O engracado é que .. acessando pelo github o layout nao quebra :(

felipe bastos

unread,
Jun 14, 2012, 12:47:55 PM6/14/12
to kohan...@googlegroups.com
caramba .. o erro tava em mim mesmo buabuabua

não conferi os </div>s e estava faltando um .. por isso o IE não renderizava corretamente.

agora, ta ok .. apenas IE7 e IE8 não tem bordas arredondadas mas isso dá para passar.

vlw galera ..

Descobri com um F12 .. renderização IE9 porém com padrões IE7, IE8, e IE9 :D

Foi interessante descobrir que o proprio IE9 pode simular as versões anteriores. Fica a dica :D

felipe bastos

unread,
Jun 15, 2012, 10:07:25 AM6/15/12
to kohan...@googlegroups.com
rpz esse IE deixa um doido ..

Bom, mexendo aqui e acolá, descobri que o erro do layout não era apenas meu :D

Não sei pq, mas o IE 9 sempre entra no modo de renderização de documentos Quirks.

É por isso que o layout fica quebrado. Mudando para o Padrão do Internet Explorer 9, a pagina renderiza corretamente.

Alguém sabe como forçar o IE a sempre entrar no Padrão IE 9 automaticamente?

Waldson Patricio

unread,
Jun 15, 2012, 10:10:55 AM6/15/12
to kohan...@googlegroups.com
Acho que o erro é na estrutura sim. Já testeis vários layouts nele e apesar de algumas inconsistências, o grid não quebra.

Posta o layout no pastebin pra nós vermos.

2012/6/15 felipe bastos <feli...@gmail.com>

felipe bastos

unread,
Jun 15, 2012, 10:23:43 AM6/15/12
to kohan...@googlegroups.com
O layout está perfeito (copiei e colei lá bo bootstrap) ... mas já achei a solução para o problema (modo de compatibilidade ativado no IE 9).

Esse código abaixo faz com que o IE5/6/7/8/9 sempre use a engine mais alta.

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

Como estou no IE 9, ele agora usa a engine 9 automaticamente, não mais quebrando o layout.

O modo Quirks serve para tornar compativel com as versões anteriores: 5, e 6; e como não desejo isso, o edge soluciona meu problema ... 

Agora, mesmo que eu deixe setado como Quirks, feche o IE9, reabra e abra o site, ele tenta abrir como Quirks, mas detecta o edge e abre como IE 9.

Agora sim, problema resolvido!!!

eba!!! \o/
Reply all
Reply to author
Forward
0 new messages