Ir para conteúdo

POWERED BY:

Arquivado

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

MatheusSilva

[Resolvido] problema espaçamento

Por , em Desenvolvimento frontend

Recommended Posts

MatheusSilva    0

MatheusSilva
Postado

ola, to com pequeno problema, to fazendo um negocio aqui, ja tentei colocar tudo conté coisa, padding, margin, QUALQUER COISA, mas nao vai.

 

segue imagem.

 

site-4.png

 

meu codigo:

OBS: to trazendo do db

 

<ul id="et">
<li>
		<h2><?php echo $descricao;?></h2>
			  Valido Até: <?php echo $validadeTotal;?>
			  <h2>Preço: <?php echo $preco;?></h2>

	</li>
</ul>

 

css:

ul#et{
list-style:none;
margin:0;
padding:0;
width:10.5cm;
background:#0F0;
float:left;
}
ul#et li{
display:inline;
padding:0;
float:left;
margin:0;
padding:0;
width:3.3cm;
border:1px solid #333;
background:#F0F;

font:10pt Arial, Helvetica, sans-serif;
padding-right:5px;
}
ul#et li h2{
font:14pt Arial, Helvetica, sans-serif;
margin:0;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Não precisa do ul antes do #et (dica para limpar o codigo). Se o espaçamento for na LI (do lado esquerdo) para dar um espaço entre a borda do texto, tente assim:

padding-left:5px; não invés do padding-right:5px;

 

Se não for isso, me desculpe, fiquei em dúvida quanto a sua dúvida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

Também não entendi bem, mas.. para diminuir o box rosa, diminua a propriedade width da LI.

Exemplo:

<style>
#et{
list-style:none;
margin:0;
padding:0;
width:10.5cm;
background:#0F0;
float:left;
}
#et li{
display:inline;
padding:0;
float:left;
margin:0;
padding:0 5px 0 5px;
width:80px;              <---
border:1px solid #333;
background:#F0F;
font:10pt Arial, Helvetica, sans-serif;
padding-right:5px;
}
#et li h2{
       font:14pt Arial, Helvetica, sans-serif;
       margin:0;
}
</style>
</head>
<body>
 <ul id="et">
 <li>
 <h2>descricao</h2>
 Valido Até: <?php echo $validadeTotal;?>
 <h2>Preço: <?php echo $preco;?></h2>
 </li>
   <li>
 <h2>descricao</h2>
 Valido Até: <?php echo $validadeTotal;?>
 <h2>Preço: <?php echo $preco;?></h2>
 </li>
   <li>
 <h2>descricao</h2>
 Valido Até: <?php echo $validadeTotal;?>
 <h2>Preço: <?php echo $preco;?></h2>
 </li>
</ul>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Teteu Six    4

Teteu Six
Postado

Veja o exemplo que eu fiz.

Eu creio que o exemplo do Felipe de certo

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