HTML-szerkesztés kezdőknek!!!
-
#9070
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>-= =-</title>
<style>
#full-html-page{
width: 800px;
height: auto;
background-color: #000;
margin: 0px auto;
}
#banner{
width: 800px;
height: 300px;
border: 1px solid #929292;
-moz-border-radius: 180px 180px 0 0;
}
#menu{
width: 800px;
height: 25px;
border: 1px solid #929292;
border-top: none;
}
#content-home{
border: 3px solid red; /*teszt keret*/
height: 100px;
width: 800px;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
}
#content-home-text{
width: 580px;
margin-left: 10px;
color: #fff;
}
#box-left{
border: 1px solid green; /*teszt keret*/
display: inline;
float: left;
width: 590px;
border-left: 3px solid #929292;
}
#box-right{
border: 1px solid yellow; /*teszt keret*/
display: inline;
float: right;
width: 200px;
border-left: 3px solid #929292;
}
#box-text{
width: 180px;
color: #fff;
}
</style>
</head>
<body>
<div id="full-html-page">
<div id="banner"></div>
<div id="menu"></div>
<div id="content-home">
<div id="box-left">
<div id="box-text">
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
</div>
</div>
<div id="box-right">
<div id="box-text">
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
asdsadasdasdas<br/>
</div>
</div>
<div id="content-home-text"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>