Лента - меню...

[Frik]

Здравейте!
Имам няколко сайта и искам да си поставя най-отгоре лента подобна на тази от http://abv.bg/. Някой може ли да ми я напише, че 100 пъти опитай и нестава и нестава. Искам да е залепена плътно за горе както е при посочения сайт, а отголу да е със същия бордер (картика).
Благодаря предварително!

 

[svilkaa]

<style>
body {
margin: 0;
}
.top {
margin-top: 0;
padding-left: 6px;
background: #CBFED8;
border-bottom: 1px solid #E6E6E6;
}
</style>

И после слагаш това под body тага
<div class="top">Линк | Линк | Линк</div>

 

[Frik]

А това горното къде го слагам?

 

[svilkaa]

Eдното ти е за стила, другото го слагаш под <body>

Пример:

<html>
<head>
<title>Загл</title>
<style>
body {
margin: 0;
}
.top {
margin-top: 0;
padding-left: 6px;
background: #CBFED8;
border-bottom: 1px solid #E6E6E6;
}
</style>
</head>
<body>
<div class="top">Линк | Линк | Линк</div>
Съдържание
</body>
</html>

 

[Frik]

Да схванах как се слага, само че всичките ми сайтове са центрирани в средата и не стой добре. Можем ли да го ограничим както е тук: http://gbg.bg както и да зададем някакъв цвят (променящ се при докосване с мишката) и шрифт на линковете?
Ако станах вече досаден моля да бъда извинен...
Благодаря за помоща!

 

[svilkaa]

еми задай му width: 300px; или 50% или колкото е там
и сложи така
<center><div class="top"></div></center>
:}

 

[Frik]

еми задай му width: 300px; или 50% или колкото е там
и сложи така
<center><div class="top"></div></center>
:}

Ами линковете се центрират, но лентата не се променя. Нетрябва ли да се направи някак си с таблица, защото аз не изкам линковете да са жентриране, а само самата лента?

 

[svilkaa]

http://web-tourist.net/project/svilkaa/menu2.html

<html>
<head>
<title>Загл</title>
<style>
body {
margin: 0;
}
.top {
margin-top: 0;
width: 300px;
padding-left: 6px;
background: #CBFED8;
border-top: 0;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
}
</style>
</head>
<body>
<center>
<div class="top">Линк | Линк | Линк</div>
</center>
Съдържание
</body>
</html>

 

[Frik]

Благодаря ти! Получи се долу горе... Получаваш +1 т. за мъките който ти причиних...

Само ако може да ми кажеш и как да си задам големина, цвят и шрифт на линковете, за да не се ръководят от съответния сайт, а да са си постоянни? Също така как да ги раздалича че така са много сгъчкани в единия край...

П.С.: А може ли да ми кажеш как да заобля долните два края на тази лента (като при Гоогле АдСенсе)

Линк: http://web.velingrad24.com/index.php