Jump to content
php.lv forumi

background propertiji


Kristabs

Recommended Posts

Soursē arī rakstīts, bet nu problēma ir tā, ka ja vajag mazāk tekstu, tad kopējais papīra izmērs būtu 384px (augša) + 45px (apakša). Bet ja teksts stiepjas garāks, tad pa vidu pa y asi atkārtojas papildus vidus imidžs. Pašlaik vēlamais izskats ir panākts ar paddingu wraperim, kas nozīmē, ka teksts sākas no vidus, bet viņam vajadzētu sākties no augšas. Ir varianti kā to panākt?

 

Vajag, lai vidus backgrounds sākas tikai tur, kur beidzas augšas, ja dēļ teksta daudzuma stiepsies papīrs.

Edited by Kristabs
Link to comment
Share on other sites

Tev tikai jāsagatavo pareizs TOP-background (bez transparent), jo citādāk nevar to izdarīt...

Ideja tāda -

 

1. visam backgroundā balts

2. uzliek kontenta DIV-u ar TOP backgroundu

 

body{
background-color:#CCCC00;
margin:10px 0px;
}
p{
margin:0;
padding:10px 0px;
}
.big_paper_1{
background:transparent url(paper_big_mid.png) 0px 0px repeat-y;
width:850px;
margin-left: 50px;
}

.big_paper_2{
background:transparent url(paper_big_top.png) 0px 0px no-repeat;
width:850px;
}

.big_paper{
padding-top: 30px;
padding-left:50px;

}
.big_paper_bot{
padding:0px 0px 20px 120px;
background:transparent url(paper_big_bot.png) 0px 0 no-repeat;
margin-left: 50px;
height:45px;
}
</style><script charset="utf-8" id="injection_graph_func" src="papiirs_files/injection_graph_func.js"></script></head><body>
<div class="big_paper_1">
	<div class="big_paper_2">
		<div class="big_paper">
			<p>Sākas te, bet vajag lai teksts no augšas sāktos</p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
			<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
			<p>Sākas te, bet vajag lai teksts no augšas sāktos</p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
			<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
		</div>
	</div>
</div>
<div class="big_paper_bot">
	 
</div>

Edited by Delfins
Link to comment
Share on other sites

×
×
  • Create New...