2016-03-08 4 views
0

TLDR: Пожалуйста, помогите мне удалить подчеркивание текста в навигации.Удалить строку под навигационным текстом

Контекст:

Я делаю новости приложение Mobile.

Проблема:.

Я хочу, чтобы удалить подчеркивание по тексту навигации (Home, Логин)

<h1>ignore this code </h1> 

https://jsfiddle.net/uatmt99g/

Посмотрите конкретно на навигационном DIV и все внутри.

Похожие пост я нашел в то время как исследование вопроса (нажмите на ссылку):

Remove line under image in link

Я попытался следующие, но, возможно, не реализована правильно:

с помощью CSS для удаления текста украшения ,

с помощью CSS, чтобы удалить стиль текста,

Любая помощь? Заранее спасибо

+0

Просьба включить код для воспроизведения вашей проблемы в самом вопросе; не отправляйте нерелевантный код с просьбой игнорировать этот код для маршрутизации проверок. Опираясь на внешний сайт, ваш вопрос бессмысленен в том случае, если ссылка удаляется, удаляется, реорганизуется или этот сайт просто падает. См. Рекомендации для «[mcve]» и «[ask]» для наших ожиданий и требований к вопросам, и как задание хорошего вопроса, отвечающего этим ожиданиям, дает вам лучшие ответы. –

+1

Имел проблемы, делающие код легким для чтения, поскольку по какой-то причине ему не хватало тегов Div из кодовых полей. Я только подписался сегодня, и это первый вопрос, который я когда-либо задавал на этом сайте ... Я буду стараться улучшить свои вопросы в будущем. Извините, что оскорбил кого-то, поскольку он уже -1 голосов. Спасибо –

ответ

0

вы используете теги ссылок (<a href = ""></a>). для удаления этих «подчеркиваний» просто используйте css ниже

a { 
    text-decoration: none; 
} 
+0

Отлично, вы отсортировали мою проблему. Самое главное, что я узнал что-то новое :) Большое вам спасибо! –

+0

всегда приветствуются. также, пожалуйста, отметьте одного из нас в качестве ответа, чтобы помочь другим :) – TheQuestioner

0

Текст с подчеркиваниями - это ссылки, поэтому они имеют базовый стиль, который идет со ссылкой, включая строку под текстом. Чтобы удалить его, вы должны указать text-decoration: none; на ваш a.

https://jsfiddle.net/uatmt99g/1/

+0

Отлично, вы отсортировали мою проблему.Самое приятное в том, что я узнал что-то новое :) Большое спасибо! –

0

Добавьте это после навигации в CSS.

не Nav в {текст-отделка: нет;}

Ссылки приобретают свои собственные свойства. вы должны объявить с помощью #mynewpattern a {} format