Pereiti prie turinio

Rekomenduojami pranešimai

<div class="bg_klase">

<div class="informacijos klase">INFO</div>

</div>

 

.bg_klase {

background: url('kazkas.jpg') repeat-y;

}

 

.informacijos klase {

kazkas sitai klasei

}

 

Vienu žodžiu kuri 2 atskiras klases ir darau 2 atskirus di'us. Vienas div'as backgroundui, kitas informacijai.

Redagavo psd2html.lt
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Vienu žodžiu kuri 2 atskiras klases ir darau 2 atskirus di'us. Vienas div'as backgroundui, kitas informacijai.

 

Panasiai as ir padares:

 

HTML:

<div class="background">
<div class="info"> Informacija </div>
<div class="sidebar"> Submeniu bei kelios foto </div>
</div>

 

CSS:

.background
{
background: url(images/pradinis3_03.jpg) repeat-y;	
width: 935px;
height: auto;
margin: auto;
clear: both;
}

.info
{
width: 646px;	
float: left;
margin-left: 8px;
}

.sidebar
{
width: 274px;
float: right;
margin-right: 7px;
}

 

Ir po tokio kodo background'as yra neatvaizduojamas, kai pasalinami float'ai jis yra atvaizduojamas, bet sidebar'as isvaziuoja is savo vietos.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
.background

{

background: url(images/pradinis3_03.jpg) repeat-y;

width: 935px;

height: auto;

margin: auto;

clear: both;

position: realitive;

}

.info

{

width: 638px;

float: left;

margin-left: 8px;

}

 

.sidebar

{

width: 282px;

float: left;

margin-right: 7px;

}

 

 

ir

 

<div class="background">

<div class="info"> Informacija </div>

<div class="sidebar"> Submeniu bei kelios foto </div>

</div>

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...