Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HELP

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

Parašė Creatium· 2009 Spa. 25 11:10:41
#2

Bandyk taip:

@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: right;
margin: 0px 70px;
height: 30px;
}

.clear{
claer: both;
}

#navfon{
background: #00FF66;
width: 250px;

height: 100px;
}





Parašė 643050· 2009 Spa. 25 11:10:33
#3

neveikia, štai toks yra stile 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: right;
margin: 0px 70px;
height: 30px;
}

.clear{
claer: both;
}

#navfon{
background: #00FF66;
width: 250px;

height: 100px;
}


#navfon2{
background: #00FF66;
width: 500px;
height: 100px;
}




Redagavo 643050· 2009 Spa. 25 11:10:14