Евгений в рубрику HTML и CSS

Вопрос: Вопрос по оформлению ссылок

Здравствуйте.
Разъясните, пожалуйста, следующий вопрос.
Имеется HTML-файл, в котором для каждой ссылки создан класс:

<a class="menu0" href="/">Главная</a>
<a class="menu1" href="/price.html">Услуги и тарифы</a>
<a class="menu2" href="/gruzoperevozki.html">Грузоперевозки</a>
<a class="menu3" href="/dogovor.html">Документация</a>
<a class="menu4" href="/about_logistic.html">О логистике</a>
<a class="menu5" href="/social.html">Социальная ответственность</a>
<a class="menu6" href="/contacts.html">Контакты</a>
и СSS(к этому же файлу):

a.menu0,a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6 {display:block; float:left; color:#483d8b; font-size:15px; font-weight:bold; margin-top:-45px}

a.menu0 {margin-left:20px}
a.menu1 {margin-left:103px}
a.menu2 {margin-left:256px}
a.menu3 {margin-left:408px}
a.menu4 {margin-left:535px}
a.menu5 {margin-left:650px}
a.menu6 {margin-left:884px}
Мне сказали, что создавать класс для каждой ссылки - не оправдано.
Подскажите, пожалуйста, как эти ссылки правильно офромить.

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 3

Grin
Ну можно сделать вот так:
<ul id="menu">
<li><a href="/">Главная</a></li>
...
<li>a href="/social.html">Социальная ответственность</a></li>
<li><a href="/contacts.html">Контакты</a></li>
</ul>
А стили вот такие (для расположение, не для визуального оформления):
ul#menu { margin: 0; padding: 0; }
ul#menu li { margin: 0 2em 0 0; padding: 0; list-style-type: none; float: left; }
#
Grin
Евгений
Спасибо, Grin.

Я немного изменил Ваши стили:


Услуги и тарифы
Грузоперевозки
Документация
О логистике
Социальная ответственность
Контакты


ul#menu {float:left; margin-left:70px; margin-top:-46px; padding:0}

ul#menu li {float:left; margin:0 2em 0 0; padding:0; list-style-type:none}

и теперь не могу поменять цвет ссылок. Почему это произошло?
#
Евгений
Grin
А разве вот так не меняется?
ul#menu li a { color:#483d8b; }
#
Grin

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler