Ляво меню и централно меню

A

amarok

Registered
Може ли да ми преправите този код който ще дам долу да има едно меню централно с размери 140px; а централния да е 500px; и ако може пак да си е с заоблените ъгли :)


Код: 
<style>
.lqlq
{
width: 700px;
margin: 0 auto;
}
.block
{
background: #ccc;
width: 200px;
display: block;
padding: 10px;
margin: 10px 10px 0 0;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
</style>
</head>
<body>
<div class="lqlq">
<div class="block">
<p>text text text text text text text text text text</p>
</div>
<div class="block">
<p>text text text text text text text text text text</p>
</div>
<div class="block">
<p>text text text text text text text text text text</p>
</div>
</div>
 
dELux_nike каза:
нищо не разбрах обясни по-добре ..
Увеличете...

Ами ако може само да се направи едно меню в ляво с размери 140px; и едно централно 500px; сега излизат 3 но всички са в центара а аз искам едното да е в ляво другото по средата


1978.png
 
Заповядай :)
Код: 
<!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>
<style>
.left
{
background: #ccc;
width: 140px;
display: block;
float:left;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.center
{
margin: 0 auto;
background: #ccc;
width: 500px;
display: block;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
</style>
</head>
<body>
<div class="left">
<p>text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text</p>
</div>
<div class="center">
<p>text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
text text text text text text text text text text
</p>
</div>
</body>
</html>
 
това неми върши работа централното меню се слива с лявото и ако се издължи лявото меню повече от централното ми излиза от border-а на страницата :/
 
amarok каза:
това неми върши работа централното меню се слива с лявото и ако се издължи лявото меню повече от централното ми излиза от border-а на страницата :/
Увеличете...

Дай снимка как ти излиза, защото кода на @dELux_nike си работи перфектно
 
:shock: кОдъ'
Направи един главен див със margin: 0 auto;
После вкарай вътре 2 дива и 2-та със float: left; и ги избутаи само със margin както ти искаш :lol:
 
Код: 
div#glaven {
background: #000; /* ако имаш */
width: 950px;
margin: 0 auto;
padding: 0;
}

div.lqvo {
background: #e1e1e1;
width: 200px;
float: left;
padding: 0;
margin-left: 10px;
border: 1px solid red;
}

div.golqmoDqsno {
background: #c1c1c1;
width: 700px;
float: left;
padding: 0;
margin-left: 10px;
border: 1px solid red;
}

<div id="glaven">
   <div class="lqvo">
   Лявооооо
   </div>
   <div class="golqmoDqsno">
   Голямотоооо дясно
   </div>
</div>
 
/офф

тази синята черта с която е оградено не е ли див ? даи целия код на страницата и кажи как искаш да стане ..
 
@amarok Инт. ти четеш ли това което ти дадох.
Само трябва да си оправиш pixel-ите както ти искаш.
И мисля че няма да имаш почни никакви проблеми.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе