Avatar
NBDY
Neregistrovaný
Avatar
NBDY:

Ahoj, mám menší problém,
mám v headeru zelené pozadí, kde potřebuju mít jeden text odsazený zleva o 100px shora 150px, další text ale potřebuji mít odsazený zleva 150px shora 100px. Boužel když jsem použil padding, tak se mi pozadí rozhodilo, respektive prodloužilo. Děkuji
html

<article>
<header class="head">
 <p  class="head">"Lorem ipsum Lorem Ipsum"</p>
 <h2  class="head"></h2>
</header>
</artcicle>

css

.head{background-color:yellow; height:800px; margin: 0 auto;}
p.head{padding: 150px 0px 0px 100px;  font-size:50px; }
h2.head{padding: 100px 0px 0px 150px;  }
 
Odpovědět 14.8.2013 15:43
Avatar
niveses
Redaktor
Avatar
niveses:

Header je jen jeden a tudíž bych tam nedávál class.

<article>
<header>
 <p>"Lorem ipsum Lorem Ipsum"</p>
 <h2></h2>
</header>
</artcicle>

A potom

header{background-color:yellow; height:800px; margin: 0 auto;}
header p{padding: 150px 0px 0px 100px;  font-size:50px; }
header h2{padding: 100px 0px 0px 150px;  }

Myslím, že takhle by to mohlo fungovat.

 
Nahoru Odpovědět 14.8.2013 15:51
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.