Jump to content
php.lv forumi

3 kolonnas HTML

Colderon

By Colderon
in HTML, XHTML

 Share

Recommended Posts

Colderon Newbie

Colderon

Posted
Posted

Labdien!

 

Lieta tāda, kad nesanāk izveidot 3 kolonnas iekš html. Varbūt kāds zin kādu adresi kur tas parādīts, vai arī kāds šeit zin kā to izdarīt, pagaidām man ne kas nesanāk. Ceru uz palīdzību.

 

lol.jpg

 

<body>
<div id="wrapper">
 <div id="navigaacija">Navigācija</div>
 <div id="baneris">Banneris</div>
 <div id="flash">Flash</div>
 <div id="flashnews">Flash news</div>
 <div id="kreisakol">Kreisā kolonna</div>
 <div id="labakol">Laba kolonna</div>
 <div id="text">Teksts</div>
 <div id="footeris">Footeris</div>
</div>
</body>
</html>

 

body {
margin: 0px;
padding: 0px;
background-color: #CCC;
}
#wrapper {
padding: 0px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #666;
margin-top: 10px;
}
#navigaacija {
background-color: #066;
height: 25px;
}
#baneris {
background-color: #33F;
height: 150px;
}
#flash {
background-color: #0F3;
padding: 0px;
float: left;
height: 200px;
width: 485px;
margin-top: 10px;
margin-left: 10px;
}
#flashnews {
padding: 0px;
float: right;
height: 200px;
width: 385px;
margin-top: 10px;
background-color: #F03;
margin-right: 10px;
}
#kreisakol {
padding: 0px;
float: left;
width: 200px;
margin-top: 10px;
margin-left: 10px;
background-color: #C93;
height: 200px;
margin-bottom: 10px;
}
#text {
background-color: #093;
margin-top: 10px;
width: 500px;
margin-right: 150px;
}
#labakol {
background-color: #309;
padding: 0px;
float: right;
height: 200px;
width: 200px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
#footeris {
background-color: #C06;
clear: both;
height: 15px;
width: 900px;
margin-top: 10px;
}

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

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

Loading...
×
 Share
Go to topic listing
×
×
  • Create New...