[Resolvido] box abaixo de box

[GrayScale 0]

olha eu denovo aqui, agora com outra dúvida eu estou fazendo dois menus em css um embaixo do outro o primeiro já coloqueio segundo quando vou colocar em baixo do primeiro olhem como fica, basta clicar aqui. Css ai abaixo.

 

#box1  {
	      border:medium;
	      padding:5px;
		 }
.style1  {
          font-size:12px;
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  color:#000000;
		  
		  }
#topo   {
          background-color:#FFCC00;
		  border:0px;
		  padding:2px;
		  width:886px;
		  
		  }
#conteudonews {
          background-color:#FFFFFF;
		  padding:5px;
		  padding-top:4px;
		  width:880px;
		  height:7150px;
		  
		  
		  }
.fontenoticias {
          font-family:Verdana, Arial, Helvetica, sans-serif;
		  font-size:10px;
		  color:#666666;
			 
		  }
#menuleft {
          background:url(Bel-11.gif);
		  width:230px;
		  height:300px;
		  padding:1px;
		  float:left;
		  margin-top:1px;
		  }
#boxmenu  {
           background:url(Bel-48.png);
		   padding:3px;
		   margin:1px;
		   height:23px;
		   width:223px;
		   }
body {
	margin-top: 0px;
    background:url(Bel-48.png);
}
div#paragraph {width:300px;margin:0 auto;text-align:left}
a {color:#66666;text-decoration:none;cursor:pointer;cursor:hand}
a:hover {color:#66666;text-decoration:none;}
.clear {clear:both}


/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px; font-family:Verdana;
	width:180px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#666;
	padding:1px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(tipFooter.gif) no-repeat;
}
#boxfooter {
 width:880px;
 height:120px;
 background-color:#CCCCCC;
 margin:0px;
 }
#boxleft {
          background:url(Bel-11.gif);
		  width:230px;
		  height:240px;
		  padding:1px;
		  float:left;
		  margin-top:1px;
		  } 
		  
		  
		
		
		
	

[Thiago Retondar 18]

Com tantos <p> </p> vai ficar difícil mesmo.

 

É um menu? Então utilize listas não ordenadas (ul).

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GrayScale 0]

acho que irão vira agora város <ul>.

[GrayScale 0]

não deu certo, veja no site como ficou. essa box vai ficar embaixo do menu, vai ser como um lugar de parceiros, ali vou por a imagem dos parceiros.

[Evandro Oliveira 331]

vamo lá, com calma, do zero.

 

 

UL indica o início da marcação de uma lista ordenada, ele não é a lista propriamente dita. Cada item da lista é um <li>

 

 

exemplo de como vai ser o menu

 

<ul id="menu_1">
  <li><a href="link.html">Item 1</a></li>
  <li><a href="link.html">Item 2</a></li>
</ul>
<ul id="menu_2">
  <li><a href="link.html">Item 3</a></li>
  <li><a href="link.html">Item 4</a></li>
</ul>

 

mesmo que os links não estejam prontos e você ainda não vá preencher o menu, escreva alguma coisa para ter uma noção do espaço gasto

[GrayScale 0]

este li está deixando bolinhas pretas não quero isto. mais uma tentativa frustada, nada certo. ficou do mesmo jeito confira no site. adicionando não é umm menu, é outra box que fica embaixo do menu.

[Thiago Retondar 18]

É só definir no ul um list-style: none.

 

Estude um pouco.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GrayScale 0]

cara mesmo se tirar as bolinhas, isso é o de menos. O problema é que nem com a lista eu tou conseguindo colocar a box.

[Thiago Retondar 18]

Mostre-nos como está fazendo agora.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Evandro Oliveira 331]

olha eu denovo aqui, agora com outra dúvida eu estou fazendo dois menus em css um embaixo do outro o primeiro já coloquei [...]

adicionando não é umm menu, é outra box que fica embaixo do menu.

Se decide aê, amigão! É um menu ou não é?

 

Ainda que seja uma lista de parceiros, a marcação de exemplo postada está correta, afinal eu postei duas listas e dei os nomes menu_1 e menu_2. Mas nome você dá o que você quiser. Se quiser chamar um menu de minha_lista_de_links é só uma questão de ver o que é mais prático para você.

 

Poste-nos um exemplo um pouco MAIOR do que você deseja, preferencialmente com os itens do menu e os itens dos parceiros preenchidos, pra gente poder ter uma noção do problema.

[GrayScale 0]

olhem como eu quero que fique. eu editei no phtoshop.

 

[Thiago Retondar 18]

Cara, sua marcação HTML está muito suja e confusa. Aconselho-te a refazer a página e estudar um pouco.

 

Faça assim, para cada box crie uma <div class="box"> e dentro dela coloca a sua lista. Quem vai receber o background vai ser a div.

 

Não precisa de nenhum float: left já que você quer um em baixo do outro.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GrayScale 0]

velho, não entendi. está meio complicado para mim. se eu tirar o float a box vai ficar no meio . eu fiz o que tu falou na div contéudo coloquei listas e tava colocando o menuno canto ele ficou com uma distância grande da margin esquerda e para que eu consegui que essa lista vá até parte de baixo para que eu possa inserir a box dosparceiros vai usar muitas <li>.

[Thiago Retondar 18]

Sim. Vai ficar no meio por que sua marcação não está boa.

 

Faça o seguinte: crie um novo arquivo e nele faça só o que você quer, que são esses dois boxs, para entender como funciona.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GrayScale 0]

vou fazê-lo apesar de achar que não vai me ajudar muito, mas vou seguir a voz da experiência. pronto, fiz as box de novo ao mesmo jeito, e ainda não consigo colocar uma abaixo de outra. pera, editei elas novamentes e tirei o float das duas ai ficou uma embaixo da outra do jeito que eu queria , mas surgia outro problema quando eu usei as listas <li> a distancia da margin left ficou meio grande,no css já coloquei um ul e li coloquei margin left 0 e nada.

[Thiago Retondar 18]

Faça sim. Assim você vai entender melhor como funciona.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GrayScale 0]

CAAARA, acho que resolvi criei uma div chama menus, com height:230 e widht:700px ai ela ficou no cantinho dentro dela coloquei a div do menu e fechei ela, coloquei depois a caixa de parceiros que fica embaixo, deu certinho maaan. Vleu pela ajuda de todos. :]' Uooooooooooooooooooooooooou!

 

tá difícil agorta pra escrever ao lado da div menus mais isso eu vejo depois.