Скользящая текстовая ссылка

Question

Я использую код, найденный здесь, чтобы создать свои текстовые ссылки, расположенные на этой странице. Я пытаюсь сделать так, чтобы текст перехода был описанием ссылки, т. Е. "Insight" переходит на страницу "About". Некоторые описания слишком длинные и обрезаются, и когда я пытаюсь сделать их больше, они просто перекрывают ссылку рядом с ним. Любые предложения о том, как это исправить или лучший метод, который я должен использовать? Вот HTML-код, который я использую.

<a href="http://brandingbyinsight.com/ingenuity" class="rollover_a" style="color:#000000;"><span data-title="Services">Ingenuity.</span></a>

Answer 1

Похоже, вы также просите совета по дизайну.

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

Либо настройте ширину каждого элемента списка, чтобы они не перекрывались, либо используйте какой-нибудь другой крутой переход (т. Е. Описание скользит вниз по ссылке, а не переворачивает ее). Это то, что я хотел бы предложить лично; однако, вам решать, что считать "лучшим способом" отображения ваших описаний.