Вопросы по веб-строительству от Кошачьего

Вообщем реализацию вижу следующую: для данной страницы применяешь отдельный шаблон, пусть будет page1.php, внутри кода где навигация пишешь <nav>< a class="link1" ....></a>...<a class="link48" ....></a></nav> А уже в css работай с классами link1-link48 как душе угодно

Можно сделать как описал allleXX77 выше, используете одну картинку, прописываете для ссылки background: url() 0 0, и для каждой ссылки в css прописываете нужный background-position.

Можно поставить большую картинку картинку фоном для меню, прописать ему overflow:hidden, а ссылкам прописать display:block;float:left;height:XXpx;width:XXpx; Это самый короткий вариант, но масштабироваться меню в таком случае не будет, т.к. ссылки будут съезжать вниз совсем не на ту часть картинки.

---------- Добавлено 19.04.2013 в 06:59 ----------

Да, так проще всего.

Я бы сделал так:

<ul>

<li><a href="#">Пункт 1</a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a></li>

<li><a href="#">Пункт 4</a></li>

</ul>

ul {list-style: none;}

ul li a {display: block; text-indent: -9999px; width: X; height: Y; background-image: url('image.jpg');}

если на каждый пункт меню одинаковый рисунок, тогда ещё проще:

ul {list-style-image: url('image.jpg');

Если пункты меню должны располагаться в строчку а не в столбик, то:

ul li {float: left; margin-right: 20px;}

margin-right - чтобы между пунктами меню оставался пробел, 20 пикселей - это мой вариант, вы себе свой выбирайте.

Религия не позволяет?

Лень и\или не умение юзать поиск?

И через 3-4 страницы начнёшь читать 100500 ответов на первый вопрос...

Все ж пЕсатели, а не читатели.

тут я как-то не подумал 😂

скорее нехватка времени)

а чего их плодить...?

локальный креатифф вы замутили - поздравлям

осталося посмотреть ::: скоко продержиццо в ТОПе и чьими усилиями... ))

Нда.. писать вопросы, ждать ответы, читать и фильтровать (возможный) бред и флуд (от меня в тч ;) ). Это, конечно, быстрее. :) АЧО.

Ту ты прав - поиск же рулит :)

Можно сделать еще таким вариантом через цсс, чтобы не задавать каждой ссылке класс:

<li><a href="#">linktext_1</a></li>

<li><a href="#">linktext_2</a></li>

<li><a href="#">linktext_3</a></li>

...

<li><a href="#">linktext_48</a></li>

css:

ul li:nth-child(1) { background: url( img_1.png ) }

...

ul li:nth-child(48) { background: url( img_1.png ) }

как вы поняли уже наверно, число в скобках - порядковый номер списка. Также можете задавать свойства дочернему элементу.

Данный топик - наглядная иллюстрация подхода к решению проблемы гуманитраия-копирайтера :D ?

Тема имени себя с вопросами интересными только одному человеку?

Или будете в шапке периодически делать меню со ссылками на вопросы и ответы? :D

А всего-то нужно открыть спецификацию HTML (есть даже на русском) и прочитать, т.е. за 2-3 дня получить фундамент любого уважающего себя

Кстати, как оптимизатор, Вы должны знать, что организация меню с помощью картинок не лучший вариант для сайта.

---------- Добавлено 19.04.2013 в 21:51 ----------

Никак.

Используйте SSI вставки. Хотя это уже и уставревшая технология, но иногда (для новичков осовбенно) бывает незаменима.

предлагаю засрать тему в рамках правил чтоб не повадно было

Ответ первый вопрос прост - вам нужен программист !