5 replies to this topic

[Max Willian Ourique]

Olá... Não sei como resolver este problema, preciso de ajuda.

.container {
background-image:url(img/background_container.jpg);
width:960px; height:700px;
margin:auto;
border:solid medium #FF0000;
}

.container_video {
width:521px; height:545px;
background-image:url(img/background_video.jpg);
margin:50px auto;
border:solid medium #FF0000;
}

.video {
margin:auto;
border:solid medium #FF0000;
}

Como ainda não domino os conceitos de CSS, gosto de criar a estrutura da página usando as bordas para me guiar. Tudo fica legal, o posicionamento ocorre de acordo com as margens e pelo fato de que coloco os blocos div em hierarquia. Mas quando removo as bordas, tudo se desconfigura.
Não sei que caminho tomar, inclusive, não sei se estou usando a técnica tableless corretamente. Por favor.

Edição feita por: Max Willian Ourique, 14/02/2009, 21:53.

[Hailton]

Olá... Não sei como resolver este problema, preciso de ajuda.

.container {
background-image:url(img/background_container.jpg);
width:960px; height:700px;
margin:auto;
border:solid medium #FF0000;
}

.container_video {
width:521px; height:545px;
background-image:url(img/background_video.jpg);
margin:50px auto;
border:solid medium #FF0000;
}

.video {
margin:auto;
border:solid medium #FF0000;
}

Como ainda não domino os conceitos de CSS, gosto de criar a estrutura da página usando as bordas para me guiar. Tudo fica legal, o posicionamento ocorre de acordo com as margens e pelo fato de que coloco os blocos div em hierarquia. Mas quando removo as bordas, tudo se desconfigura.
Não sei que caminho tomar, inclusive, não sei se estou usando a técnica tableless corretamente. Por favor.

Meu irmão é o seguinte não estou vendo uma largura para a sua borda, vc colocou algo do tipo medium eu não reconheço este comando, tente colocar alguma largura em pixel com border:1px solid #ffffff; compreendeu? Um abraço.

[Victor Hugo Odo]

Acredito que se colocar solid 1 px irá se desconfigurar, coloque o código todo para vermos como se comporta.

[]'s

[Max Willian Ourique]

Amigos...

Obrigado pelas respostas, mas acho que não me expressei corretamente, justamente os comandos de borda que estão em destaque, quando são removidos (tirados do código) o layout se desconfigura.
O objetivo é não ter bordas, uso apenas para ver melhor os layouts.

[Édipo Costa Rebouças]

então max, o problema é o seguinte, quando você usa a borda, vamos pensar, o div ou lá o que vc esteja usando tem a largura que você configurou + a largura da borda, quando você tirar as bordas como consequencia todas aquelas larguuras que você configurou com extrema precisão, vão perder um pouco da largura, por causa que estão sem a borda, e com isso, dando problema no seu layout.

se você usar uma borda de 1px, você pelo menos vai saber quanto acrescentar depois na largura da div, colocando medium, esse valor é variavel de browser para browser.

o que eu faço normalmente e usar cores de fundo, não atrapalha em nada e só ajuda, fora que bordas no ie6 tem um bug que em vez de adicionar largura ele diminui largura.

recomendo para vc usar cores de fundo.

[Max Willian Ourique]

então max, o problema é o seguinte, quando você usa a borda, vamos pensar, o div ou lá o que vc esteja usando tem a largura que você configurou + a largura da borda, quando você tirar as bordas como consequencia todas aquelas larguuras que você configurou com extrema precisão, vão perder um pouco da largura, por causa que estão sem a borda, e com isso, dando problema no seu layout.

se você usar uma borda de 1px, você pelo menos vai saber quanto acrescentar depois na largura da div, colocando medium, esse valor é variavel de browser para browser.

o que eu faço normalmente e usar cores de fundo, não atrapalha em nada e só ajuda, fora que bordas no ie6 tem um bug que em vez de adicionar largura ele diminui largura.

recomendo para vc usar cores de fundo.

Justamente Édipo, vc tem toda razão...
O lance das bordas é bem delicado...
Obrigado.