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

Поиск сообщений в Элен_Ле

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.10.2012
Записей: 1408
Комментариев: 50
Написано: 1567


Как сделать текстовые кнопки?

Четверг, 25 Октября 2012 г. 14:50 + в цитатник
Цитата сообщения Rost Как сделать текстовые кнопки? Как их размещать?

Внесу очередное дополнение в
Наверное многие часто задавали себе вопрос:

Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.
Интересно? 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


Удачи!

P.S. Вопросы задавайте в комментариях (как всегда).

UpDate
Как оформлять текстовые кнопки?

Серия сообщений "Секреты оформления дневника":
Часть 1 - Как сделать текстовые кнопки?
Часть 2 - Как вставить много картинок?
Часть 3 - Полные сведения о ЛИРУ
...
Часть 33 - Беcшовный фон средствами Фотошопа
Часть 34 - Проблема создания второго дневника
Часть 35 - ...И снова о настройках почты

Метки:  

 

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

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

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

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