-Метки

wi-fi Сладкий аваторки астролог астрология афоризмы блины брови весенняя выкройки вышивка главное город гороскоп градиент давление деревья дети диета дизайн для меня жж закваска зимняя знаменитость интерьер история календарь каша косметика красота крючком кулич летняя макияж маникюр массаж микроволновка моё мороженное начинающим небо ноги овощное одежда оладьи осень паразиты пасха паштет пельмени пирожки пирожок плеер полезно понравилось постель праздники праздничные приметы природа продукты для здоровья простуда психология пятки пяточки ремонт рождество руки рулет с ягодой сайт сало своими руками селедка сервировать стол скриншот сладкие ссср стихи субпродукты супродукты суставы сыр таблица-продукты тест тыква файл фаршированные фасоль флешка фотошоп 6 хлеб цвета цветы цитата часы шарлотка шитье школа

 -Цитатник

До Нового года. - (1)

Таймер отсчета ".."

Вся правда о французских мужчинах - (0)

Вся правда о французских мужчинах Отношения в интернациональной паре очень часто похожи на лакм...

Как быстро сделать ровные складки при помощи вилки. - (0)

Как быстро сделать ровные складки при помощи вилки.

Подбор одежды по типу фигуры - (0)

Подбор одежды по типу фигуры.

7 полезных таблиц для тех, кто следит за своим весом и здоровьем - (0)

7 полезных таблиц для тех, кто следит за своим весом и здоровьем Все, кто старается питаться прав...

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в Татьян-ка

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.09.2011
Записей: 6519
Комментариев: 537
Написано: 7313


Как сделать текстовые кнопки? Как их размещать?

Суббота, 13 Апреля 2013 г. 20:51 + в цитатник
Внесу очередное дополнение в
Наверное многие часто задавали себе вопрос:


Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.

Интересно? Tогда читайте дальше.



Сделать кнопку очень просто. Для этого надо использовать этот код:
<form action="адрес ссылки" method="get"><input type="submit" value="Текст кнопки" /></form>




Где "адрес ссылки" - полный адрес (http:// и т.д.).



Как видите - всё просто. Но мало сделать просто кнопку. Надо ещё её как-то её разместить в тексте. А вот тут понимаешь, что в лоб эту задачу не решить. Не верите? Попробуйте сами: текст до кнопки и после её будет находится на разных строчках...

Вот так:

Пример 1
Добро пожаловать!


Видите? А ведь строчку я не переводил. И что делать? Использовать этот более сложный код:

<table><tr><td>Текст перед кнопкой</td><form action="адрес ссылки" method="get"><input type="submit" value="Текст кнопки" /></form><td>текст после кнопки</td></tr></table>




Пример смотрите в начале поста.



Хорошо, размещать кнопку в одну строчку с текстом мы уже умеем. А как разместить несколько кнопок? Ничего сложного! Используем этот код:

<table><tr><td><form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /></form></td><td><form action="адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2 /></form></td></tr></table>




Пример 2





Ну, а теперь последний вопрос: "А как ставить кнопки в столбик?". А вот тут никаких проблем! Просто пишите их друг за другом и всё!

<form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /></form><form action="адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 2" /></form>




Пример 3





Удачи!
Рубрики:  оформление/ли.ру
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку