width limitado

Home Fórum Desenvolvimento HTML - CSS - JS width limitado

Este tópico contém respostas, possui 3 vozes e foi atualizado pela última vez por  felipemantoan 3 anos, 11 meses atrás.

Visualizando 9 posts - 1 até 9 (de 9 do total)
  • Autor
    Posts
  • #16008

    caiohdearaujo
    Participante

    Estou tentando deixar meu <p> com 960px sendo que o BG terá width 100%.

    A parte do código que eu acho que importa é essa:

    HTML
                           <div id="corpo">
    				<section>
    					<span class="titulo">
    						<h1>Aqui você dá o preço!</h1>
    					</span>
    						<p>Procurando alguém que faça seu website?
    							Você acaba de encontrar. </p>
    				</section>
    			</div>
    
    CSS
    #corpo {
    	width: 100%;
    	background-image: url("img/bg_gray.png");
    	margin: auto;
    	color: red;
    }
    
    .titulo {
    	width: 100%;
    	background: white;
    	text-align: center;
    	padding: 15px 0px 15px 0px;
    	float: left;
    	margin-top: 15px;
    }
    
    section p {
    	clear: both;
    }
    
    #16026

    felipemantoan
    Moderador

    algo como:

    
    width:960px;
    display:block;
    

    não testei

    #16028

    caiohdearaujo
    Participante

    não funcionou felipe =(

    estou me mordendo com algo que parece tão simples…

    você tem skype? me manda seu ID de lá.

    abs,
    Caio.

    #16029

    felipemantoan
    Moderador

    pode até parecer bobo, porém pegar um css fora de contexto, é idiotice. quando eu chegar em ksa, vou tentar te ajudar

    #16050

    caiohdearaujo
    Participante

    O que eu quero é colocar um background geral no site… e dentro dele um texto ou fotos alinhados no meio. Mantendo o background nas laterais…

    Abs,
    Caio.

    #16054

    Pessoal, não tem segredo algum:

    <div class="corpo">
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, iure.</p>
    </div>

    CSS

    .corpo{width: 100%;}
    .corpo p{width: 600px; margin: auto;}

    Lógico que usar nessa estrutura seria suicídio, o indicado é criar uma segunda DIV para ser a parte central e então aplicar nela os estilos do P, mas a lógica é essa.

    #16056

    caiohdearaujo
    Participante

    Valeu Felipe, valeu Ricardo!

    Destravei! =D

    #16057

    felipemantoan
    Moderador

    O ideal antes de começar a desenvolver um layout profissional, é fazer um wireframe, porém, pra quem ainda está aprendendo o básico seria bom desconstruir um layout, e entender a lógica por traz dele ou seguir um modelo parecido com esse:

    http://felipetestes.besaba.com/formato.fw.png

    Uma div pro fundo cobrindo 100%, ou até mesmo o body, outra div alinhando o conteúdo, como citado acima, e o conteúdo dentro dela menus ou qualquer variação disso, ai vai da sua criatividade. Essa imagem zoada que eu fiz, é pra exemplificar isso.

    #16058

    felipemantoan
    Moderador

    tópico fechad0!

Visualizando 9 posts - 1 até 9 (de 9 do total)

O tópico ‘width limitado’ está fechado para novas respostas.