Dúvida de CSS

Boas, estou a reformular o verdebranco, eu fiz aquilo há 3 anos quando percebia zero, e tenho montes de coisas péssimas que têm que ser corrigidas. Duas delas são que tenho todos os tamanhos em pixels, quando é melhor ser em %, e também tenho mu8itos in-line styles, por ex.

que ficaria muito melhor assim:

com o css

.table {
width: 100%;
text-align: center;
margin-right: auto;
margin-left: auto;
border-spacing: 0;
padding: 0;
}

Isto não devia ser equivalente?! Acontece que não funciona muito bem! Os browsers metem para aí um pixel de branco em torno dos elementos da tabela, ora um pixel muda o visual completamente.

Pelo um amigo meu que trabalha nisto:

deves manter o cellspacing=“0”

SL

Edit: Vários exemplos

[url]W3Schools Tryit Editor

por tentativa e erro vi que realmente assim resulta, mas é que aqui

[url]http://www.w3schools.com/tags/tag_table.asp[/url]

diz “Not supported in HTML5.” Tenho que me preocupar com isso? Obrigado! :great:

A tal pessoa diz que se for HTML5, em vez de cellspacing, tens de por: border-spacing: 0;

Nunoni,

Procura por JS Fiddler. :wink:

sim, isso é que eu tenho no css que depois não fica bem! Mas realmente como disseste se calhar é porque estou a declarar html 4 e não 5, depois experimento e digo se resultou. :great:

So mesmo um nabo nisto de web, nunca aprendi, é mesmo tentativa e erro! :slight_smile:

@Paracelsus - vou procurar asap :great:

já agora, a minha página e teste onde tem o problema (na figura do header e na camisola) é esta

[url]verde branco - Sporting Clube de Portugal - camisolas

nunoni,

Poderás o Firebug que “para testes de CSS on the fly é o melhor”

nunoni,

No estilo2_percent.css, linha 43, se adicionares padding: 0;

fica como tu queres :slight_smile:

Fantástico, obrigado!!! Mais logo vou meter! :great:

É que se de html percebo pouco, de css é mesmo zero!!! Estou apenas a usar copy paste de outros lados e buscas na net sobre o que é que aqueles tags todos querem dizer! :-[

Que o verdebranco funcione de todo é quase um milagre :slight_smile:

Mas numa altura em que cerca de 10% dos visitantes usam handheld devices, e em que noto que ficam menos de metade do tempo que os outros, claramente tenho que mudar alguma coisa; o verdebranco está 0% preparado para a net móvel… vai dar uma trabalheira mudar (porque a maior parte dos estilos está in-line e não em css, e está tudo em pixels e não em %!), mas o site vai melhorar, espero!

Já agora, alguém conhece uma boa aplicação para previsualizar off-line a página em handheld devices?!

[url]http://help.adobe.com/en_US/dreamweaver/cs/using/WSBB2A56A3-CE82-400d-8CA4-E42A1EED6756a.html[/url]

Nunoni, experimenta adoptar um CSS framework, que à partida ajuda-te a compor o site de uma maneira mais fácil.

Aqui vão algumas referências:
[url]http://www.blueprintcss.org/[/url]
[url]http://foundation.zurb.com/[/url]
[url]http://www.angrycreative.se/wordpress/plugins/less-framework/[/url]

Para que o site seja usável em resoluções mais pequenas, se já que vais mexer no html e css, adopta uma framework responsive.
Vai dar trabalho mas compensa.
Segue os links do meu post anterior, ou pesquisa por CSS responsive.

@sermak: funciona, muito bom!!! :beer:
Em relação ao dreamweaver, eu tenho o 2 que só tem devices da idade da pedra, e não tenho € para actualizar para um mais recente, eu estava à procura de algo freeware!

@ARMAS: CSS framework, sim, o problema é que de momento está quase tudo com in-line styles, transformar em CSS e mais nada é um trabalho do caraças! E ainda por cima quero manter, para já, o aspecto global tal como está, ou seja, não dá para usar estilos pré-definidos!

bem, comecei o trabalho de mudar o site, é complicado! Ainda por cima agora é que eu reparei que aquilo está feito com tabelas umas dentro das outras (para fazer a margem verde e o header e footer), ao todo eram 6 tabelas umas dentro das outras, já passei para 3, mas algumas páginas ficaram desformatadas, tenho que andar a ver quais.

A seguir é passar o conteúdo todo (as camisolas em si) para css. Entretanto não posso fazer updates!

O que o meu tal amigo disse, na altura foi que deverias fazer isso em

Mas como disseste que de html \ css não sabes muito, não te quis dar mais trabalho…

bem; está perto de estar pronto! O problema que sobra é que a barra verde no topo está demasiado larga, devia ficar da largura da bandeira, mas fica com uns pixels a mais!

aqui por ex.:

[url]verde branco - Sporting Clube de Portugal - camisolas

procurei e não entendi nada, aquilo é chinês :-[ ou sueco! :stuck_out_tongue: