adicionar imgs

[Testinha 0]

Bem quanto a semantica não vi problemas, porem para um rodapé simples não vejo necessidade de listas e titulos(h2,h5) a não ser que tenha haver com algo de indexação de sites (somente o H2 e H5), fora isso acredito tambem que o rodapé não necessitaria de tantas TAGs

Fala silver, beleza??

 

Então cara, esses h2 e h5 realmente eu axo que não tem necessidade, pois sao tags de titulos né?? você sabe pra qual eu posso trokar essas tags??

 

mas voltando ao assunto da img, creio que desse jeito ta legal, eu só queria conseguir alinhar ela com as outras, não sei oq esta acontecendo, q ela fika um "nivel" acima =(

 

Abraços!

^^

[Aprendiz CSS 3]

Bem quanto a semantica não vi problemas, porem para um rodapé simples não vejo necessidade de listas e titulos(h2,h5) a não ser que tenha haver com algo de indexação de sites (somente o H2 e H5), fora isso acredito tambem que o rodapé não necessitaria de tantas TAGs

foi por isso que disse sobre semântica, titulos em rodapé num são legais!

 

troque por outra coisa!

 

coloque uma lista com todas as opções

 

acho que fica mais limpo e bonito!

 

abraço

[brcontainer 16]

<div id="footer">
<div id="a">desenho um</div>
<div id="b">desenho dois</div>
<div id="text">
texto
</div>
</div>

#footer{
width:950px;
}
#a,#b{
width:100px;
float:left;
}
#text{
float:right;
width:745px;
}

[editado]corrigido width do #TEXT

 

se quiser alterar para usar backgrounds ;) fique a vontade

[Testinha 0]

foi por isso que disse sobre semântica, titulos em rodapé num são legais!

 

troque por outra coisa!

 

coloque uma lista com todas as opções

 

acho que fica mais limpo e bonito!

 

abraço

Digamos q eu posso trokar de h5 pra <p class="5"> por exemplo??

 

Ps: n consigo alinhar a img com as outras de jeito nenhum >.<

 

Abraços!

[Aprendiz CSS 3]

tente usar o line-height

 

abraço

[Testinha 0]

Bom,

 

fuçada vai, fuçada vem eu consegui deixar a img na msm linha das outras, só queria deixar um pouco mais centralizado, mas isso não tem tanta urgencia!!

 

Vlw ao pessoal q me ajudou aqui, ao Aprendiz, ao Silver...esse fórum realmente tem me ajudado muito :P

 

Ps: eu cheguei a conclusão que eu tenho que estudar mais CSS...hahahahaha

 

resultado: http://www.tamvacations.com

 

Abraços!

[Aprendiz CSS 3]

Vamos lá!

Estamos aqui para isso, sempre que possível, vamos ajudando.

 

devido ao seu código ter muitos elementos e você ter mexido demais com eles a solução mais rápida que vem na minha cabeça é você definir uma margin-left para a div#footer, ai vai testando quando precisa para ficar onde você quer!

 

abraço

 

edit

 

Deve ter outra solução sem dúvida!

[brcontainer 16]

Testinha testou minha ideia:

<div id="footer">
<div id="a">desenho um</div>
<div id="b">desenho dois</div>
<div id="text">
texto
</div>
</div>

#footer{
width:950px;
}
#a,#b{
width:100px;
float:left;
}
#text{
float:right;
width:745px;
}

[editado]corrigido width do #TEXT

se quiser alterar para usar backgrounds fique a vontade

[Testinha 0]

Voltei a estaca zero =(

 

eu tava conferindo pelo FireFox 3, e quando eu fui ver no IE e no FireFox 2 tava tudo desconfigurado, eu vou seguir a idéia do Aprendiz e refazer todo esse footer, e pra isso vou seguir a idéia do Silver!!

 

f*** q agora to com varias dificuldades >.<

 

Alguém sabe me explicar pra que serve o padding??

 

Abraços!

[Aprendiz CSS 3]

Padding: Espaçamento interno dentro da DIV

 

 

para entender melhor sugiro colocar uma borda e colocar um padding ele te mostrará como vai ficar ai você entenderá

 

abraço

 

#footer {
	border: 1px ridge red;
	background-color: Blue;
	padding: 25px;
}

note como ficou

 

abraço

[Testinha 0]

Padding: Espaçamento interno dentro da DIV

 

 

para entender melhor sugiro colocar uma borda e colocar um padding ele te mostrará como vai ficar ai você entenderá

 

abraço

 

#footer {
	border: 1px ridge red;
	background-color: Blue;
	padding: 25px;
}

note como ficou

 

abraço

Fala Aprendiz,

 

Eu refiz todo akele footer, e agora eu estou com um probleminha só no IE, no Firefox ficou legal, da uma olhada em: http://www.tamvacations.com/index_leo.php

 

Ps: fiz uma outra pagina pra nao ficar mexendo na que esta no ar...

 

no FF funciona legal, no IE ele corta, como se a img tivesse embaixo de alguma coisa >.<

 

Abraços!

[Aprendiz CSS 3]

faça esse footer dessa forma aqui!

 

<div id="footer">
	<ul>
		<li class="brasil"><span>Brasil</span></li>
		<li class="tour_latina"><span>TOUR LATINA</span></li>
		<li class="copyright"><span>2006 - TODOS OS DIREITOS RESERVADOS</span></li>
		<li><a href="/legal-terms/" title="Legal Terms" class="legal-terms"><span>Termos legais</span></a></li>
		<li><a href="/privacy-statement/" title="Privacy Statement" class="privacy-statement"><span>Política de Privacidade</span></a></li>
		<li><div class="seller-of-travel"><span>Seller of Travel</span></div></li>
	</ul>
</div>

acho que fica mais simples para fazer!

 

afinal de contas, isso que você quer pode ser considerada uma lista de Itens.

 

abraço

[Marcelo Kubart 0]

padding é como se fosse um borda

[Testinha 0]

faça esse footer dessa forma aqui!

 

<div id="footer">
	<ul>
		<li class="brasil"><span>Brasil</span></li>
		<li class="tour_latina"><span>TOUR LATINA</span></li>
		<li class="copyright"><span>2006 - TODOS OS DIREITOS RESERVADOS</span></li>
		<li><a href="/legal-terms/" title="Legal Terms" class="legal-terms"><span>Termos legais</span></a></li>
		<li><a href="/privacy-statement/" title="Privacy Statement" class="privacy-statement"><span>Política de Privacidade</span></a></li>
		<li><div class="seller-of-travel"><span>Seller of Travel</span></div></li>
	</ul>
</div>

acho que fica mais simples para fazer!

 

afinal de contas, isso que você quer pode ser considerada uma lista de Itens.

 

abraço

Fala Aprendiz,

 

Da uma olhada em http://www.tamvacations.com pra ver como ficou, eu só fiz uma mudança pequena...nos 3 primeiros items em vez de "li class" eu coloquei como "div class"...tem alguma diferença??

 

Ps: da uma olhada pelo IE6 se possível...ele corta algumas imgs pela metade...como se tivessem atraz de alguma coisa :o

 

Abraços!

:D

[Aprendiz CSS 3]

se você usar uma li, você está dizendo que aquilo é um elemento de uma lista,

 

quando utiliza div, está dizendo que aquela parte, é uma divisão, pedaço do site!

 

o problema deve estar acontecendo no IE6 provavelmente devido a uma height que tem nas divs dentro das listas

 

abraço

[Testinha 0]

se você usar uma li, você está dizendo que aquilo é um elemento de uma lista,

 

quando utiliza div, está dizendo que aquela parte, é uma divisão, pedaço do site!

 

o problema deve estar acontecendo no IE6 provavelmente devido a uma height que tem nas divs dentro das listas

 

abraço

O código está assim:

/*	FOOTER	*/
#footer {padding: 30px 0px 0px 10px; width: 950px;}
#footer .brasil {margin-left: 80px; margin-top: -20px;}
#footer .tour_latina {margin-left: 160px; margin-top: -40px;}
#footer .copyright {margin-left: 260px; margin-top: -20px;}
#footer ul li {float: left;  margin-left: 6px;}
#footer ul li a {float: left;}
#footer .legal-terms {margin-left: 415px; margin-top: -10px;}
#footer .privacy-statement {margin-left: 550px; margin-top: -10px;}
#footer .seller-of-travel {margin-left: 665px; margin-top: -10px;}

Não tem nada com heigth...

 

Mas pq então ele não corta no FF tbm??? ^.-

 

Abraços!

[Aprendiz CSS 3]

desculpa,

 

acho que me confundi com o margin-top

 

cara agora estou meio sem tempo

 

assim que der uma aliviada, respondo

 

abraço