Как сделать текстовые кнопки? Как их размещать?
|
|
Среда, 08 Октября 2008 г. 10:13
+ в цитатник
Внесу очередное дополнение в | |
Наверное многие часто задавали себе вопрос:
Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.
Интересно? 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
Как оформлять текстовые кнопки?
Метки:
текстовая кнопка
faq для лиру
Процитировано 169 раз
Понравилось: 21 пользователям
-
21
Запись понравилась
-
169
Процитировали
-
0
Сохранили
-