Автоматично вмъкване на интервал след </a> таг

S

stivnnik

Registered
Здравейте, става въпрос за меню в уеб сайт, връзките в което изглеждат така:

Код: 
<a href="#" class="menu">Menu item #1</a>
<a href="#" class="menu">Menu item #2</a>
<a href="#" class="menu">Menu item #3</a>

Когато ги напиша на отделни редове (както са в code тага), след всяка от тях има интервал, който е нежелан в случая. Ако ги напиша на 1 ред го няма интервала, но не ми харесва как изглежда кода. (все пак като наредя десетина линка така, става доста гадничко...) :roll:

Пробвал съм с margin-right: -4px, но така пък не се виждат както трябва през IE.


Има ли някакво друго решение, или не ми остава друго, освен да ги пиша на 1 ред?


Благодаря предварително!

Поздрави,
Стефан Николов
 
Така е. Браузера интерпретира новия ред като спейс ако имаш indent, т.е. ако редовете са по няколко таба навътре, както е обикновено в подредбата. Винаги ще ти вкарва тоя интервал. Отрицателния ляв margin си работи коректно в IE след шестицата, която ти препоръчвам да лишиш от поддръжка.

От бая време сме спрели поддръжката и никой клиент не е останал недоволен. Някой сайтове ги пренасочваме към страница подтикваща хората да си изтеглят някой от новите безплатни браузъри само с клик на един линк. В крайна сметка всеки си решава дали да ползва браузър на повече от 10 години . Извинявам се за офтопика, просто давам инфо ;)
 
Ако правиш менюто така:

HTML: 
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>

Няма да имаш никакви проблеми. Другото, което е не съм много сигурен, че изобщо съществува такъв проблем, какъвто твърдиш, защото няма значение колко интервали, таблуации и нови редове слагаш в кода. Браузъра го изкарва като един единствен интервал :)
 
adrian каза:
Ако правиш менюто така:

HTML: 
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>

Няма да имаш никакви проблеми. Другото, което е не съм много сигурен, че изобщо съществува такъв проблем, какъвто твърдиш, защото няма значение колко интервали, таблуации и нови редове слагаш в кода. Браузъра го изкарва като един единствен интервал :)
Увеличете...

И така не се получава. :cry:
Ами какво да се прави... пиша ги на същия ред и това е. :D
 
Как да не се получава като точно така се прави :shock:

HTML: 
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>

[css]ul li{
display:inline;
}[/css]

И след това от CSS-а можеш да си задаваш колко да е разстоянието между
Link1 и Линк2

Успех :?:
 
adrian каза:
Ако правиш менюто така:

HTML: 
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>

Няма да имаш никакви проблеми. Другото, което е не съм много сигурен, че изобщо съществува такъв проблем, какъвто твърдиш, защото няма значение колко интервали, таблуации и нови редове слагаш в кода. Браузъра го изкарва като един единствен интервал :)
Увеличете...
Това е много вярно! Браузърът чете всичко на един ред. :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе