Помогите с вёрсткой

[AHTEPO]

Друзья! Ковыряя мобильный стиль впервые столкнулся с вопросом, суть которого далее.
Вот кусок viewforum_body.html

wap.png

Интересуемый кусок:

Код: Выделить всё

		<li class="row topic-{topicrow.S_TOPIC_TYPE}<!-- IF topicrow.S_UNREAD_TOPIC --> row-new<!-- ENDIF --><!-- IF topicrow.S_TOPIC_LOCKED --> locked<!-- ENDIF --><!-- IF topicrow.PAGINATION --> has-pagination<!-- ENDIF --> link" onclick="document.location.href='<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->{topicrow.U_NEWEST_POST}<!-- ELSE -->{topicrow.U_VIEW_TOPIC}<!-- ENDIF -->'; return false;">
            <p><span style="font-size: 11px;" class="replies<!-- IF not topicrow.REPLIES --> empty<!-- ENDIF -->" title="{L_REPLIES}">{topicrow.REPLIES}</span> <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></p>
            <p>
                <!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{topicrow.U_NEWEST_POST}" class="newest">{L_NEW_POST}</a><!-- ENDIF -->
                <!-- IF topicrow.REPLIES and not S_IS_BOT --><a href="{topicrow.U_LAST_POST}" class="newest">{L_LAST_POST}</a><!-- ENDIF -->
            </p>
            <p>
                {L_POST_BY_AUTHOR}: <span <!-- IF topicrow.TOPIC_AUTHOR_COLOUR --> style="color: {topicrow.TOPIC_AUTHOR_COLOUR}" <!-- ENDIF -->> <b>{topicrow.TOPIC_AUTHOR}</b></span> &raquo; {topicrow.FIRST_POST_TIME}
                <!-- IF topicrow.REPLIES and not S_IS_BOT -->
                    <br>{L_LAST_POST}: <span <!-- IF topicrow.LAST_POST_AUTHOR_COLOUR --> style="color: {topicrow.LAST_POST_AUTHOR_COLOUR}" <!-- ENDIF -->> <b>{topicrow.LAST_POST_AUTHOR}</b></span> &raquo; {topicrow.LAST_POST_TIME}
                <!-- ENDIF -->
            </p>
        </li>

Как видно из кода, если нажать на весь участок (очень удобно для пальцеориентированного смартфона/планшета), вы попадаете на первое "непрочитанное сообщение", если оно есть. Если нет, то просто в тему на первое сообщение.
Т.е. на весь <li> действует правило onclick="document.location.href=. В этот <li> добавляю кнопку "Последнее сообщение" со ссылкой <a href="{topicrow.U_LAST_POST}" class="newest">{L_LAST_POST}</a>, но при нажатии на неё браузер повинуясь правилу <li>, в котором находится кнопка <a>, перенаправляет меня на первое "непрочитанное сообщение", вместо "последнего сообщения".

Уважаемые знатоки, внимание вопрос!
Как обойти это правило? Чтобы кнопка <a> осталась в <li>, но срабатывала правильно?

[владимир1983]

В этот <li> добавляю кнопку

Вынеси кнопку за пределы тега li на который распространяется onclick.

[LavIgor]

Чтобы кнопка <a> осталась в <li>, но срабатывала правильно?

Добавить для неё код JavaScript с запретом "всплывания".
event.stopPropagation()

[AHTEPO]

Добавить для неё код JavaScript с запретом "всплывания".
event.stopPropagation()

Дай бог тебе здоровья!
Если кому пригодится, делается так:

Код: Выделить всё

<a onclick="event.stopPropagation()" href="...">