Появява се интервал от никъде

djman

Registered
65739831274388628586.png


39319480504091432932.png


При първата картинка, кода е написан така:

HTML:
<a href="#">img</a><a href="#">Адриян</a><a href="#">Добави</a>

Във втората е подреден както трябва:

HTML:
<a href="#">img</a>
<a href="#">Адриян</a>
<a href="#">Добави</a>

Но от някъде се появяват интервали? Същото е и с <li> хоризонтално меню... :idea:
 
[css]a {
color: #E28E00;
font-family: 'Ubuntu',Tahoma,Arial;
font-size: 15px;
font-weight: 500;
margin: 0 10px;
text-decoration: none;
}[/css]
 
Пробвай, като сложиш float:left на линковете

a {
color: #E28E00;
font-family: 'Ubuntu',Tahoma,Arial;
font-size: 15px;
font-weight: 500;
margin: 0 10px;
float:left;
text-decoration: none;
}
 
Мда, така стана. Мерси.

Въпреки всичко според мен това е един огромен бъг на повечето браузъри...
 
djman, това не е бъг на браузърите, а нормалното поведение. В HTML повече от един интервал (нови редове, два-три интервала и т.н.) се визуализира в браузъра точно като един интервал. От там идва и проблемът ти във втория код. Просто новият ред се показва като интервал.

Не случайно за менюта се използва unordered list. Т.е ако си направиш кодът както трябва да е

HTML:
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

няма да ти се получават такива проблеми :)
 

Back
Горе