Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET
Využij akce až 80% zdarma při nákupu e-learningu. Více informací .
BF summer
Avatar
NBDY
Neregistrovaný
Avatar
NBDY:14.8.2013 15:43

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
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
niveses
Redaktor
Avatar
niveses:14.8.2013 15:51

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.