Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hank (Jean)

Espaço invisivel entre imagens, tabelas, textos.. etc!

Por , em Desenvolvimento frontend

Recommended Posts

Hank (Jean)    0

Hank (Jean)
Postado

Bom, o tópico já diz quase tudo né? xDEstava precisando de alguma tag que de espaço em pixel de alguma coisa á outra do tipo:imagem 1<o espaço altura"5">imagem 2Acho que deu pra entender, qualquer coisa explico denovo. Desde já, muito obrigado!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Utilize a propriedade de css margin-bottom: 5px;

 

Cumps [*]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Pessoal, vcs estão lembrando de estudar o básico do CSS/xHTML?Acho que não, dêem uma olhada nos tópicos fixos aqui e aprendam o básico do xHTML/CSS.[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Nos topicos fixos ja existem links para esses sites de ajuda. Não tem apenas o do maujor.... Leiam lá que vcs encontrarão muitos links interessantes[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Realmente, aparecem certos problemas q são mto fáceis de se resolver, desde q se conheça o mínimo do recurso em questão... Agora, se a pessoa não conhece nada e acha q essa forma é a melhor para se aprender, uma dica: gente, estudem um pouco antes por conta própria nessas páginas q o pessoal recomenda...

 

Além do Maujor, existe mta coisa q fala a respeito... Pô, é só procurar! Tenha em mente q se alguém for te ajudar com algum problema, se aela não souber de cabeça qual é a melhor solução, ela com certeza irá procurar na web... Ou seja, você tb pode fazer isso! Basta conhecer alguns pontos de referência a respeito de um determinado assunto...

 

Agora, pra facilitar mais ainda, basta acessar o grande Gúgou (hehehehe)... Meow, digita lá q vem 1 milhão de páginas! Basta ter vontade...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hank (Jean)    0

Hank (Jean)
Postado

Velho, esse margin-botton ae pula uma linha inteira independente de quanto eu quero em pixels a menos, eu queria tipo uns 6px. ^_^ Tem algum outro meio ai? Eu usei assim no local: { margin-bottom: 3px }

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Olhe este exemplo:

 

<!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" xml:lang="pt-br" lang="pt-br"><head><title>bug margin com float</title><meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /><style type="text/css">.principal{	width: 790px;	border: 1px solid;	padding-top: 10px;}.divs{	display: block;	width: 250px;	height: 50px;	margin-left: 10px;	margin-bottom: 10px;	background-color: #000000;	float: left;}.esquerda{	margin-left: 10px !important;	margin-left: 5px;}</style></head><body><div class="principal">	<div class="divs esquerda"></div>	<div class="divs"></div>	<div class="divs"></div>	<br clear="all" />	<div class="divs esquerda"></div>	<div class="divs"></div>	<div class="divs"></div>	<br clear="all" />	<div class="divs esquerda"></div>	<div class="divs"></div>	<div class="divs"></div>	<br clear="all" /></div> </body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hank (Jean)    0

Hank (Jean)
Postado

Então pessoal, consegui terminar isso com uma solução própria. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Fiz uma imagem transparente de 1/1px e alonguei o quanto queria no local, deu certo dessa maneira. Mesmo assim, muito obrigado pela ajuda de todos, fizeram um ótimo favor!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Então pessoal, consegui terminar isso com uma solução própria. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Fiz uma imagem transparente de 1/1px e alonguei o quanto queria no local, deu certo dessa maneira. Mesmo assim, muito obrigado pela ajuda de todos, fizeram um ótimo favor!

Mas dessa forma q você resolveu o problema não é a melhor delas... Está totalmente fora dos padrões... A não ser q você ainda seja uma das milhões de pessoas no mundo q ainda utilizam o spacer.gif para resolver os problemas de layout... Meow, é só vasculhar q você acha...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hank (Jean)    0

Hank (Jean)
Postado

Então pessoal, consegui terminar isso com uma solução própria. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Fiz uma imagem transparente de 1/1px e alonguei o quanto queria no local, deu certo dessa maneira. Mesmo assim, muito obrigado pela ajuda de todos, fizeram um ótimo favor!

Mas dessa forma q você resolveu o problema não é a melhor delas... Está totalmente fora dos padrões... A não ser q você ainda seja uma das milhões de pessoas no mundo q ainda utilizam o spacer.gif para resolver os problemas de layout... Meow, é só vasculhar q você acha...
Não, não.. o problema agora já foi resolvido de uma maneira profissional. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Obrigado por tudo!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Não, não.. o problema agora já foi resolvido de uma maneira profissional. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Obrigado por tudo!

Mas... Hank (Jean), poste pra gente aki qual foi a maneira encontrada... Pode ser? Pq dessa forma podemos analisar tb e tals... Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hank (Jean)    0

Hank (Jean)
Postado

Não, não.. o problema agora já foi resolvido de uma maneira profissional. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Obrigado por tudo!

Mas... Hank (Jean), poste pra gente aki qual foi a maneira encontrada... Pode ser? Pq dessa forma podemos analisar tb e tals... Abraço!

 

Opa! Beleza então...

 

Foi bem bobo o negócio, após o fechamento da head, eu estava colocando um "ads" da UOL em meu site... após o ads, tinha isso:

 

<body bgcolor="#171717" background="fundo.gif" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('menu_noticias2.gif','menu_mundosonic2.gif','menu_segagames2.gif','menu_tvseries2.gif','menu_downloads2.gif','menu_sbr2.gif','menu_parceiros2.gif')">
depois de um tempo, eu pensei um pouco e resolvi colocar depois disso o ads e espaçamento... os bugs acabaram. http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

 

Foi falha minha mesmo! http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

Oi!

 

Hank, você resolveu usando HTML. É uma solução, mas o melhor é você tirar toda essa "sujeira" do seu HTML e fazer usando CSS. Como?

 

Bem, além de você ter que estudar, como o pessoal falou, vou ir um pouco além e dar a dica! :P hehe

 

Você tem o código:

 

<body bgcolor="#171717" background="fundo.gif" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('menu_noticias2.gif','menu_mundosonic2.gif','menu_segagames2.gif','menu_tvseries2.gif','menu_downloads2.gif','menu_sbr2.gif','menu_parceiros2.gif')">

 

Quando na verdade pode ter somente:

 

<body onLoad="MM_preloadImages('menu_noticias2.gif','menu_mundosonic2.gif','menu_segagames2.gif','menu_tvseries2.gif','menu_downloads2.gif','menu_sbr2.gif','menu_parceiros2.gif')">

 

Com um CSS chamando:

 

* {margin: 0;padding: 0;}body {background: url(fundo.gif) #171717;}
Por que eu fiz isso? A resposta é bem simples: porque quando falamos de XHTML e CSS estamos falando em separar o código da página referente a conteúdo de sua formatação, assim você tem o conteúdo em um lugar e toda a informação visual em outro arquivo independente.

 

Até.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Legal Poe mencionar isso... É mto importante msm q tds tenham a consciência de q conteúdo e estrutura deve estar separado da formatação...

 

Mas parece q ainda mta gente se complica ao tentar fazer essa separação... Mas... Pq? É tão simples... Bom, vai saber neh? O q é simples para mim pode não ser para o Fulano, e pro Beltrano...

 

Bom, ta a e... Separem as coisas gente! Formatação em um lugar, conteúdo em outro! Mas antes de sair separando, tentem aprender como fazer isso de maneira correta...

 

Abraço! T+!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hank (Jean)    0

Hank (Jean)
Postado

Olá Poe, tenho dúvidas sobre isso! Como eu puxo isso pra página? Pode deixar no mesmo documento dos links e textos da página em css?

 

Eu puxo algumas informações assim: <link href="style_css.css" rel="stylesheet" type="text/css"> na "head", é só adicionar isso junto aos outros codes? Se sim, poderia me mostrar mais alguma coisinha, como o titulo da pagina e algo mais para ajudar? Uff, só isso...

 

Aguardo alguma resposta. ^^"

 

EDIT: OPA, CONSEGUI TUDO AQUI! valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito