• Авторизация
Дневник Alexandr8391 Лента друзей - Дневник - Полная версия


Как сделать текстовые кнопки? Как их размещать? 18-12-2014 19:49 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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
Как оформлять текстовые кнопки?

вверх^ к полной версии понравилось! в evernote
Комментарии (1):
Alexandr8391 18-12-2014-19:51 удалить
СПАСИБО-буду осваивать- я новичок....
Обратиться - Ответить - К полной версии


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать текстовые кнопки? Как их размещать? | Alexandr8391 - Дневник Alexandr8391 | Лента друзей Alexandr8391 / Полная версия Добавить в друзья Страницы: раньше»