Помощ с дивовете

[Foxy]

ами ако може да ми направите няколко дива с бордер 1,5 px ето картинка как да изглежда:
само да кажа, че и отстрани (крайните линии не съм ги надраскал, но да ги има) т.е. и да е оградено

 

[emagi]

Виж този код,дали ще ти свърши работа:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#main {
margin:0 auto;
width:1000px;
height:1300px;
border:solid 2px red;
}
#logo {
position:absolute;
margin:0;
width:1000px;
height:200px;
border:solid 1px blue;
text-align:center; /*махни го после,само за ориентация */
}
#menu {
position:absolute;
margin-top:200px;
margin-left:0;
width:200px;
height:1100px;
border:solid 1px green;
text-align:center; /*махни го после,само за ориентация */
}
#text {
position:absolute;
margin-top:200px;
margin-left:200px;
width:800px;
height:1100px;
border:solid 1px yellow;
text-align:center; /*махни го после,само за ориентация */
}
</style>
</head>

<body>
<div id="main">
<div id="logo"> Тук ти е логото</div>
<div id="menu">Тук ти е менюто</div>
<div id="text">Тук ти е текста</div>
</div>
</body>
</html>

 

[Foxy]

Виж този код,дали ще ти свърши работа:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#main {
margin:0 auto;
width:1000px;
height:1300px;
border:solid 2px red;
}
#logo {
position:absolute;
margin:0;
width:1000px;
height:200px;
border:solid 1px blue;
text-align:center; /*махни го после,само за ориентация */
}
#menu {
position:absolute;
margin-top:200px;
margin-left:0;
width:200px;
height:1100px;
border:solid 1px green;
text-align:center; /*махни го после,само за ориентация */
}
#text {
position:absolute;
margin-top:200px;
margin-left:200px;
width:800px;
height:1100px;
border:solid 1px yellow;
text-align:center; /*махни го после,само за ориентация */
}
</style>
</head>

<body>
<div id="main">
<div id="logo"> Тук ти е логото</div>
<div id="menu">Тук ти е менюто</div>
<div id="text">Тук ти е текста</div>
</div>
</body>
</html>

Мерси +1

 

[Foxy]

аре плс добави и едно такова като менюто и от дясно

 

[emagi]

Я виж това:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#main {
margin:0 auto;
width:1000px;
height:1300px;
border:solid 2px red;
}
#logo {
position:absolute;
margin:0;
width:1000px;
height:200px;
border:solid 1px blue;
text-align:center; /*махни го после,само за ориентация */
}
#menu {
position:absolute;
margin-top:200px;
margin-left:0;
width:200px;
height:1100px;
border:solid 1px green;
text-align:center; /*махни го после,само за ориентация */
}
#text {
position:absolute;
margin-top:200px;
margin-left:200px;
width:600px;
height:1100px;
border:solid 1px yellow;
text-align:center; /*махни го после,само за ориентация */
}
#menu_text {
position:absolute;
margin-left:800px;
margin-top:200px;
width:200px;
height:1100px;
border:solid 1px #33CC33;
}
</style>
</head>

<body>
<div id="main">
<div id="logo"> Тук ти е логото</div>
<div id="menu">Тук ти е менюто</div>
<div id="text">Тук ти е текста</div>
<div id="menu_text"></div>
</div>
</body>
</html>