Pereiti prie turinio

HTML/CSS pirmoko klausimas


Rekomenduojami pranešimai

Sveiki, turiu paprasta klausima, kodel desineje puseje neina sulyginti "content" su headeriu, jeigu ji padidinu, nusimeta i apacia, jeigu padidinu margin, taip pat nusimeta i apacia.

 

http://imageshack.com/a/img537/7776/1yxDMH.jpg

 

 

Dar tik pradzia, mokinuosi layoutus.

 

Kodai:

 

HTML:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-0">

<link href="skoty.css" rel="stylesheet" type="text/css" />

<title>Document</title>

</head>

<body id="body">

 

<div id="visasPuslapis">

 

<div id="header">

 

<p>roberttas</p>

 

 

</div> <!-- End of header -->

 

<div id="kaire">

 

 

 

 

</div> <!-- end of kaire -->

 

<div id="vidurys">

 

<div id="vidurys1">

<p> afasfaf </p>

</div> <!--End of vidurys1 -->

<div id="vidurys2">

 

<p>ffff</p>

 

</div> <!-- End of vidurys2 -->

 

</div> <!-- End of vidurys -->

 

<div id="desine">

 

<p>rrrr</p>

<h1>oooo</h1>

 

</div> <!-- end of desine -->

 

</div> <!-- Visas puslpais -->

 

</body>

</html>

 

CSS:

#visasPuslapis {

width: 1000px;

margin-left: auto;

margin-right: auto;

background-image: url('jonas.jpg');

 

}

#header {

width: 1000px;

height: 250px;

border: 5px solid red;

}

#kaire {

width: 200px;

height: 500px;

border: 5px solid blue;

margin-top: 3px;

float: left;

 

}

#vidurys {

width: 600px;

float: left;

margin-top: 3px;

border: 5px solid grey;

 

 

 

}

#vidurys1 {

width: 600px;

float: left;

border: 5px solid green;

height: 300px;

}

#vidurys2 {

width: 600px;

float: left;

border: 5px solid purple;

height: 300px;

 

}

#desine {

width: 170px;

height: 500px;

border: 5px solid black;

margin-top: 3px;

float: left;

}

Nuoroda į pranešimą
Dalintis kituose puslapiuose
  • po 2 mėnesių...

(border) gadina viska ir aplamai pats html kodas netaip parašytas, čia styles:

 

#visasPuslapis {

width: 1000px;

margin-left: auto;

margin-right: auto;

background-image: url('jonas.jpg');

 

}

#header {

background-color: #62b4cf;

width: 1000px;

height: 250px;

border: 0px solid red;

}

#kaire {

background-color: #92acb4;

width: 200px;

height: 500px;

border: 0px solid blue;

margin-top: 3px;

float: left;

 

}

#vidurys {

width: 600px;

float: left;

margin-top: 3px;

border: 0px solid grey;

}

#vidurys1 {

background-color: #95b8c4;

width: 600px;

float: left;

border: 0px solid green;

height: 300px;

}

#vidurys2 {

background-color: #b0c1c7;

width: 600px;

float: left;

border: 0px solid purple;

height: 300px;

 

}

#desine {

background-color: #62b4cf;

width: 200px;

height: 500px;

border: 0px solid black;

margin-top: 3px;

float: left;

}

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ą...