Jump to content
  • 0

Не могу создать кнопку-ссылку. помогите, пожалуйта!


No0bik
 Share

Question

При нажатии на кнопку, будет открыватся страничка-галерея

2789809e22954d2c1caf67b826f0c8e5.png

вот кнопка состоянии нажатом (a:active)

Какой принципиальный подход может быть чтоб оформить такую кнопку?

Прошу не посылать в гугл и в справочник, я только оттуда, 2 день пробую сделать - не выходит...

Пробовал оформить кнопку как 3 разных картинки и как Слово-сслыку с оформленным контуром....

Возможно необходимо решить задачу через тег Button?

Где лучше описать дизайн кнопки? в css UL{} или сделать 3 кнопки в ФШ?

Так задолбался, что даже не знаю правильные ли я вопросы задаю...

Буду благодарен если скажите что куда вписать(основу, а дальше сам разберусь)

Кнопка 220пк 100пк, 3 цвета не активная, активная(не нажатая), нажатая

по сути это просто ссылка на 2 страницу

ul {???

}

<ul>

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

</ul>

Спасибо!

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

блин что за хрень... делал с помощью а в разных состояниях - не выходит. Спасибо за ответ, буду знать что надо делать через А и оформление стиля. Наверное выложу код если не получиться...

Не решен еще такой вопрос:

Кнопка должна быть фиксированого размера 220х100 не зависимо от текста. Эту задачу тоже можно решить через оформление стиля а? с помощью команды display:block думаю... border для границ а у меня границ не будет...

Возможно вам мои вопросы покажутся примитивными... я прохожу курс обучения, мне задают домашку - домашку лузгаю как семочки, а когда дело доходит до воплощения фантазий восполенного ума, возникает тьма вопросов о которых на уроках не говорят. Сейчас не могу понять почему не работают кнопки и обязательно ли их делать через тег DIV ID="" ?

Link to comment
Share on other sites

  • 0

Автор не обидеться надеюсь, задам тут свой вопросец.Не вижу смысла плодить темы.

Тоже про кнопку, в общем в коде все видно не могу понять почему кнопка уползает из дива!

http://jsfiddle.net/2RkPh/2/

Link to comment
Share on other sites

  • 0

Народ поделитесь опытом плиз, кто как пишет код?

Я когда начинаю не знаю за что хвататься и в какой последовательности верстать страничку?

Я за собой замечаю что делаю так - увидел макет вижу шапку и начинаю верстать шапку, закончил шапку(теоретически) начинаю кнопки...

Начал кнопки, увидел ошибку и надо переверстать шапку снова... ЭТО НОРМАЛЬНО?

Посмотрите пож на образец кода, что не правильно делаю принципиально....может где-то повторяются значения...

http://jsfiddle.net/...irno0bik/Q9MQc/

пипец вопросов тьма... Есть желающие в скайпе пообщаться? Будем искать ответы на вопросы вместе.

Link to comment
Share on other sites

  • 0

Автор не обидеться надеюсь, задам тут свой вопросец.Не вижу смысла плодить темы.

Тоже про кнопку, в общем в коде все видно не могу понять почему кнопка уползает из дива!

http://jsfiddle.net/2RkPh/2/

Чего вы вообще добиться хотите? Вам надо через позиционирование второй input в правую область сдвинуть

Народ поделитесь опытом плиз, кто как пишет код?

Я когда начинаю не знаю за что хвататься и в какой последовательности верстать страничку?

Я за собой замечаю что делаю так - увидел макет вижу шапку и начинаю верстать шапку, закончил шапку(теоретически) начинаю кнопки...

Начал кнопки, увидел ошибку и надо переверстать шапку снова... ЭТО НОРМАЛЬНО?

Посмотрите пож на образец кода, что не правильно делаю принципиально....может где-то повторяются значения...

http://jsfiddle.net/...irno0bik/Q9MQc/

пипец вопросов тьма... Есть желающие в скайпе пообщаться? Будем искать ответы на вопросы вместе.

После того как видите макет, нужно уже сразу продумать структуру проекта.

В том числе, где у вас будут одинаковые элементы. Верстать можно начинать хоть откуда, но всю структуру надо знать заранее.

Чтобы убрав шапку, целостность макета у вас осталась.

http://jsfiddle.net/npofopr/Q9MQc/2/

Что такое nav2?

У ul надо сбрасывать стили.

Вы видимо оба не знаете что такое фаербаг/ инспектор кода.

Link to comment
Share on other sites

  • 0

Теперь вот так, лучше? Но проблема в другом теперь, при изменении масштаба кнопка сдвигается на 1 пиксель вверх, меня это убивает в чем может быть причина? (в примере она не дергается, у меня гуглхром)

http://cssdesk.com/LVHty

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy