Pereiti prie turinio

HTML/CSS pirmoko klausimas

Roce

Sukūrė Roce
Dizaino ir programavimo pamokos

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

Roce

Roce 22

Sukurta
Sukurta

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ų...
vuiter

vuiter 2

Atrašyta
Atrašyta

(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...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

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

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