Ляво,Център,Дясно

E

etori

Registered
Здравейте почнах да си правя дизайнче правя само левите менюта а централните и дясните незнам как защото като направя ново меню и ми излиза на където си иска не се подравнява както в другите сайтове ако може някой да ми каже как да ги подравня. +1 за който ми помогне благодаря на всички.
ето и style.css
Код: 
body
{
  margin: 0 auto;
  padding: 0;
  background-color: black;
  color: white;
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top center;
  border: 0px dashed;
  margin-bottom: 0;
  margin-top: 0;
}


table
{
background-image: url(images/background.gif);
color: black;
}

menubg {
background: url(images/menubg.gif) repeat-x;
height: 25px;
color: #6a6e9c;
font-size: 12px;
font-weight: bold;
text-align: center;
border: 1px #000000 solid;
}

menubg2 {
background: url(images/menubg2.png) repeat-x;
height: 25px;
color: #6a6e9c;
font-size: 12px;
font-weight: bold;
text-align: center;
border: 1px #000000 solid;
}

menubrd {
background-color: #1c1c1c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
border: 1px #000000 solid;
padding: 5px;
}

a {
color: white;
font-weight: bold;
text-decoration: none;
}

a:hover {
background-image: url(images/tab.gif);
}

table.aha
{
color: white;
border: 1px solid;
border-color: black;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
MARGIN: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 12px; 
color: #7CAD00;
background-image:url('images/chatbg.png');
}

td.aha
{
color: white;
border: 1px solid;
border-color: black;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
MARGIN: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 12px; 
color: #7CAD00;
background-image:url('images/chatbg.png');
}
 
.css

Код: 
body { background-color: #1d2022; background-image: url('img/bg.jpg'); color:white; font-family: Arial; font-size: 13px; margin-top:0px; margin-bottom:10px; padding:0px; }

#menu { width:165px; background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; float:left; }

#menu2 { width:165px; background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; float:left; }

#central-block { background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; text-align:left; width:589px; float:left; }

#site { width:978px; background-color: #282828; border-left: 1px #757575 solid; border-bottom: 1px #757575 solid; border-right: 1px #757575 solid; }
#site-build { width:100%; }
#table-menu { width:160px; }
#table-menu { width:160px; } 

.acenter { text-align:center; }
.aright { text-align:right; }
.aleft { text-align:left; }
#acenter { text-align:center; }
.vtop { vertical-align:top; }


html

Код: 
<div id="site">
		<table id="site-build" cellpadding="0" cellspacing="5">
		<tbody><tr>
			
			<td id="table-menu" class="acenter vtop"><div id="menu">
Lqvo lqvo lqvo lqvo lqvo
</a></div></td>
			

			
			<td class="acenter vtop" style="">
			<div id="central-block">	
<center>Centar centar centar centar</center>
			

			
			<td class="acenter vtop"><div id="menu2" class="aleft">
	<table width="100%">
	<tbody><tr>
	Dqsno Dqsno Dqsno Dqsno
		</tr>
	  <tr>
	<td colspan="3">
 </td>
  </tr>
   </tbody></table>
	</div>



Или ето ти го така направо да си го сложиш в html файла


Код: 
<style>
body { background-color: #1d2022; background-image: url('img/bg.jpg'); color:white; font-family: Arial; font-size: 13px; margin-top:0px; margin-bottom:10px; padding:0px; }

#menu { width:165px; background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; float:left; }

#menu2 { width:165px; background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; float:left; }

#central-block { background-color: #1d2022; background-image: url('blank.gif'); padding:5px; border: 1px #111111 solid; text-align:left; width:589px; float:left; }

#site { width:978px; background-color: #282828; border-left: 1px #757575 solid; border-bottom: 1px #757575 solid; border-right: 1px #757575 solid; }
#site-build { width:100%; }
#table-menu { width:160px; }
#table-menu { width:160px; } 

.acenter { text-align:center; }
.aright { text-align:right; }
.aleft { text-align:left; }
#acenter { text-align:center; }
.vtop { vertical-align:top; }

</style>

<div id="site">
      <table id="site-build" cellpadding="0" cellspacing="5">
      <tbody><tr>
         
         <td id="table-menu" class="acenter vtop"><div id="menu">
Lqvo lqvo lqvo lqvo lqvo lqvo
</a></div></td>
         

         
         <td class="acenter vtop" style="">
         <div id="central-block">   
<center>Centar centar centar centar</center>
         

         
         <td class="acenter vtop"><div id="menu2" class="aleft">
   <table width="100%">
   <tbody><tr>
   Dqsno Dqsno Dqsno Dqsno
      </tr>
     <tr>
   <td colspan="3">
 </td>
  </tr>
   </tbody></table>
   </div>
 
а как да направя като направя ново меню във центъра да излиза под него
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе