Problemas com float, não funciona

[donato 0]

Amigos alguem sabe oq ta acontecendo com essa div, está com float mas não sobe

 

www.ourofino.com/web/portal/

 

 

 

 

abraços

[Maujor 144]

Que div?

float para onde?

Subir até que altura?

Coloque sua pergunta de modo que se possa entender o que você esta pretendendo fazer.

[donato 0]

A div Busca tem que ficar paralela com a div destaque, ela está ficando para baixo na diagonal, já acoloquei float, display inline, display table, como vi em alguns tópicos ai no busca. mas continua jogando a div busca para baixo!! está com problemas nos dois navegadores, IE e FF. Mas essa semana vou comprar seu livro, ai vou melhorar meu CSS.

 

 

Obrigado

[Maujor 144]

Ola Donato,

Teu código HTML está bastante confuso, além ter apresentado mais de duzentos erros no validador.

A construção do layout de tres colunas que você pretende, lamentavelmente não será possível com a marcação atual.

[donato 0]

Olá!! então, estou alterando todo o layout. Estou validando desde o começo agora para não acumular erros, mas ja não consigo usar o float, só se eu colocar a tabela com positions absolute, mas acho q não é assim.

 

O link é esse!!

 

 

 

http://www.ourofino.com/web/portal/

[donato 0]

amigos, ninguem pode me ajudar nisso, ja li vários tópicos ak no busca mais não consigo posicionar essa div dentro da topo, ela fica sempre fora, usei vários atributos. ta complicado!! Preciso posicionar a div com as bandeirinhas paralela a logomarca, mas no lado direito da página.

 

 

Obrigado

[brcontainer 16]

Seu Css tah cheio de erros, colega você tah fazendo as coisas meio que trancos e barrancos

CSS:

{
		border: solid 1px;<-- esqueceu da cor em varios seletores
		padding: 5px;
}
#logo
{		
		idth: 185px; <-- é WIDTH e não idth
		height: 54px;
}

#band
{
		float:right;
		width: 115px;
		height: 27px;
}

por causa desse IDTH o efeito no logo se torna igual o display:block

fazendo assim o LOGO prencher todo espaço jogando as bandeiras para baixo

 

a visão do seu layout esta:

http://img89.imageshack.us/my.php?image=17887673jy8.jpg

 

quando deveria ser mais ou menos assim:

http://img129.imageshack.us/my.php?image=59169710br5.jpg

[LasNoches 0]

Ola , amigo realmente voce tem a necessidade de criar essa div apenas para a imagem bandeira ?

 

Bom nao sei se resolve seu problema e tambem nao sei sua necessidade por isso to partindo do ponto de que voce apenas tem a necessidade de alinhar essas 2 imagens e que os links das bandeiras funcionem direcionando para sua traduçao correta

 

Entao eu te apresento uma ideia , fiz aqui rapidim pra me divertir mas se resolver o seu problema e se é apenas isso so fazer o trabalho DW+FW se isso resolver teu problema te explico caso necessario como unir tudo em um banner so e cada parte ter sua funcionalidade

 

Segue a imagem

 

 

Espero que ajude

[cassiano óliver 1]

não tem quae nada no link que passou....

[donato 0]

Olá pessoal, então sou do tempo da tabela , comecei estudar web em 98 mas depois fiquei um bom tempo sem trabalhar com web, trabalhando com artes gráficas agora resolvi voltar e me deparei com tableless, estou apanhando demais!!rsrs, mas estou estudando, essa parte de posicionamento infelizmente ainda não entendi alguns erros, depois que postei essa página ja corrigi o width, mas continuou do mesmo jeito, em relação a borda, coloquei somente para visualização ela não será necessária. Procurei bastante na web, mas não encontrei posicionamento de div paralelas ou sei lá como se. Ah!! ja fiz a compra do livro do Maujor, assima cho q paro de encher vocês, mas preciso aprender isso o mais rápido possível!

 

Essa parte de posicionar divs dentro de uma div pai que está me prejudicando bastante!! o layout apresentado e aprovado foi esse. vou ter q fazer dessa forma e acho tem como. quase botei uma tabela ai já!!rsrs, mas vai dar certo sem, espero que sim.

 

Obrigado pelas respostas ai, mas ainda não deu certo, amanhã começo denovo!!

 

abraços

[donato 0]

Pessoal ainda não achei nada que me ajude sobre posicionamento de divs paralelas. ninguem sabe como faço?

 

 

 

Obrigado

[cassiano óliver 1]

o que exatamente quer fazer?

[brcontainer 16]

você esqueceu de definir a altura lembre-se height:auto;(equivale a não definir a altura)

não funciona quando os objetos internos ao elemento PAI usarem float

definar uma altura igual abaixo:

#topo {
		display:block;
		height:79px;
		border: solid 1px #000000;
		padding: 5px;
}

PS.: leia isso ainda tem um ou outro lugar no seu CSS onde você se esqueceu de por cor na borda e outra coisa quando você valida alguns seletores acusam falta do elemento HEIGHT: então caso você queira deixar sem altura definida use HEIGHT:AUTO; para que não ocorra erro na validação

[donato 0]

Olá pessoal, ja aprendi uma coisa: não fazer nada correndo, ainda mais quando não se tem certeza do que esta fazendo, tinha feito o layout todo e estava com vários problemas, agora to fazendo aos poucos e validando, e lendo as dicas de vocês a validação deu certo, mas está com um problema ainda que não consegui arrumar.

 

Gostaria que a div bandeira continuasse onde está, porém alinhada verticalmente com a div do menu central ai de seletores, ou seja que a divi de seletores não empurrasse a div das bandeira para baixo, sendo que a div band está com float.

 

 

Obrigado

 

segue a imagem abaixo.

 

 

consegui alinha as divs, me deram uma dica ak para mudar a div de lugar, colocar antes, mas o código está todo ferrado no IE

Mas ele passa nas duas validações... é assim mesmo??

[brcontainer 16]

ao inves de usar <IMG> faça assim(cuidado nessa hora):

#band{
		padding-top: 37px;
		float:right;
		margin-right: 20px;
		background: transparent url("imagens/bandeiras.png") 20px 50px;/*<--va modificando aqui até alinhar onde você quer*/
}

para isso você tbm terá de mecher nas margens e espaçamentos

 

ou ao inves disso você pode mecher no PADDING e ou MARGIN

 

e acaso não consiga o mesmo efeito no IE utilize HACKs mas vá com calma hehe

[donato 0]

Olá Silver, mas eu preciso que a imagem bandeiras seja um link, acho q colocando como background não dá. e outra coisa, os problemas com IE, na verdade não sei o que são hacks, vou pesquisar, obrigado pelas dicas.

[brcontainer 16]

obivio que da

faça assim(adicione no seu CSS):

#band a{
diplay:block;
height:[MESMA ALTURA DO SELETOR #BAND];
}

html:

<div id="band"><a href="link"> <a></div>

cara faz um desenho do que você quer fazer por que eu ja to confuso

valew

[donato 0]

Fala Silver, deu certo aqui já, o www.ourofino.com/web/portal só não sei se é o jeito certo de fazer, mas passou no validador, se puder, de uma olhada lá. Vou fazer as bandeiras dessa forma então, não sabia que tinha como. obrigado

[brcontainer 16]

tah começando a ficar bonito seu site ^^ gostei de ver hehe

busca na NET ou no forum que tem jeito pra quase tudo =]

 

falow

[donato 0]

Valeu... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif ;)