въпрос отностно css

[lqlqlq]

за да не давам снимки, ето какво ме интересува значи в сайта ми всички менюта говора за навигация и т.н. са слепени |, а аз искам да има разстояние | | между тях, разбирате ме, нали ?

Та с padding не става, какво се прави в случая?

 

[kulov]

Не те разбрах, имаш в предивд, че имаш да речем някакви връзки така ли


Начало|Връзка1|Връзка2.... . и искаш да стане нещо такова ?

Начало | Връзка1 | Връзка2 така ли ? Ако не е това по-добре дай една картинка за пример..

 

[lqlqlq]

ти си дал пример за навигационно меню, но аз такова нямам смисъл да моето е от ляво и е като таблица, а не така, смисъл самите таблици са прилепнали една до друга, по-просто немога да го обясня, дефинирано им е всичко в css и трябва според мен само някакъв код за да се разтеглят малко..

ето тука менюто в туриста представи логнатия панел и менюто слепени ..

 

[kulov]

Слагаш двете менюта в един общ див, задаваш им ширина, ширината на едното меню + ширината на другото + колко px искаш да има между тях, да речем тук менюто с сините връзко отстрани в web-tourist и това меню с темата ти, примерно ако синкавото меню е 200px ширина а голямото меню е 600px, и искаш 50 px между тях ще зададеш ширина на този общият див 850px и след това на първото меню, което е от ляво ще зададеш float:left; а на това от дясно float:right;

 

[shterev]

просто направи така:

  |  

 

[sharky_design]

Както каза shterev

Линк nbsp; | nbsp; Линк nbsp; | nbsp; Линк

 

[F1r3Fl3x]

Ти искаш менюто ти да е на един ред и да има разстояние между елементите ?
Затова задай на елементите с css

display: inline-block;

Така ще можеш да контролираш елементите с маргин и падинг без проблем

 

[relax15pyt]

За менюто ползвай ol - li таговете. Обработиги със CSS като на <li> задаваш някакъв падинг отстрани.

<ol id="Navigation">
          <li><a href="#">Линк 1</a></li>
          <li><a href="#">Линк 2</a></li>
          <li><a href="#">Линк 3</a></li>
          <li><a href="#">Линк 4</a></li>
          <li><a href="#">ЛИНК 5</a></li>
</ol>

ol#Navigation {
        float: left;
        background: url('../images/navbg.jpg') no-repeat;
        width: 900px;
        height: 47px;
        padding: 4px 0 0 0;
}
ol#Navigation li {
        display: inline;
        line-height: 51px;
        background: url('../images/navsep.jpg') no-repeat center right;
        padding: 0 27px 0 25px;
        color: #e8e8e8;
}

Ето ти един код, който го взех от една моя система. Просто си нагласи всичко както ти трябва.