Parašė 643050· 2009 Spa. 24 20:10:34
#1
Dabar prireikė pagalbos dėl dizaino štai kas man yra :
http://img24.imageshack.us/img24/4945/yyra.jpg
O reikia kad panelės būtų išsidėstučios vienoje linijoje, ir kad po jomis būtų toks backgroundas menių, index kodas :
<!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>ee</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="juosta">
<?php
echo "Labas, svety dabar yra : ".date("Y-M-d h:i");
echo " Užsiregistruok arba prisjunk, kad matytum visą turinį <a href='#'>Registruotis</a>";
?>
</div>
<div id="pgr">
<div id="headerdalis">
</div>
<div id="paneles">
<div id="nav">
Navigacija
</div>
<div id="navfon"></div>
<div class="clear"></div>
<div id="news">
Naujinos!
</div>
<div id="navfon2"></div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
style kodas :
@charset "utf-8";
/* CSS Document */
body {
background: #b8b8b8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0 auto;
}
#pgr{
width: 1000px;
margin: 0 auto;
background: #0066CC;
height: 1000px;
}
#juosta{
width: 75%;
height: 15px;
background: #000;
padding: 5px 15%;
color: #fff;
}
#headerdalis{
background-image: url('header.jpg');
width: 1000px;
height: 300px;
}
#paneles{
margin: 20px;
}
#nav{
background: #003399;
float: left;
width: 250px;
height: 30px;
}
#news{
background: #003399;
width: 400px;
float: left;
margin: 0px 70px;
height: 30px;
}
.clear{
claer: both;
}
#navfon{
background: #00FF66;
width: 250px;
height: 100px;
}
turi būti :
http://img190.imageshack.us/img1...paintf.jpg
Redagavo 643050· 2009 Spa. 24 20:10:04