WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė Lukas071· 2011 Rugp. 30 00:08:57

Sveiki, daug nesisveikinsiu ir nerašysiu čia, iškart noriu prie reikalo.

Tai va, problema yra tokia, noriu padaryti du div'us vienoj eilėj, kurie būtų su BG.
Naudoju HTML5 ir CSS3 tiksliau bandau juos naudoti.

Sakykime kairėje pusėje yra aprašymas su tekstu viduje o dešinėje pusėje yra pasiūlymai taip pat su BG.
Dabar esu padaręs taip:

#slide 
{
	display: inline-block;
    background: url("../images/1_bg.png") no-repeat;
    height: 70px;
    width: 462px;
	margin: 10px 3px 0 125px;
	padding: 120px 0 0 5px;
} 
 
    #slide p
	{
        font-family: Verdana;
        font-size: 10px;
        color: #FFF;
        line-height: 110%;
    }
 
aside
{
	display: inline-block;
	background: url("../images/2_bg.png") no-repeat;
	height: 190px;
    width: 272px;
	margin: 0;
	padding: 42px 0 0 15px;
}
 
    aside p
	{
        font-family: Century Gothic;
        font-size: 12px;
        color: #787878;
    }

Skirtingose rezoliucijose, dešinysis blokas vis būna kitoj vietoj, t.y. aukščiau arba žemiau. Opera naršyklėje jis visiškai prisiglaudęs prie viršaus, jog nebūtų visai margin. Jeigu išimu padding antram bloke ( aside ) pats BG atsiranda tiesiai lyg su ta linija kaip ir pirmo bloko ( slide ) tekstas.

Mano manymu kažkas čia blogai yra su tekstu, galit juoktis galit ne, bet jeigu išimu tekstą viskas būna gerai.

Jei dar ko reikės rašykit, ryt pateiksiu, iškart dėkui kas padės ar bent jau bandys padėti ;)

Redagavo Lukas071· 2011 Rugp. 30 13:08:18