Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Нужна подсказка по форме HTML

Господа, прошу помощи!
Только не ругайтесь сильно, изучать html я начал всего две недели назад и не по своей воле.
Пересмотрел все доступные учебники с примерами, но решения не нашел.

Суть вопроса.
Как в редакторе FrontPage (можно в "блокноте") создать такую форму. Форма содержит одно поле ввода и одну кнопку "перейти". Пользователь вводит в поле число вида 12345678 и нажимает на кнопку. После чего в новом окне открывается ссылка вида (которая реально находится на хостинге). Если при вводе пользователь ошибся и ввел несуществующий номер 12345679, то безразлично что произойдет. Можно направить пользователя на несуществующий адрес с неизбежной ошибкой 404, можно выдать сообщение о неправильном номере или... на ваше усмотрение. Чем проще реализация, тем лучше, т.к. я еще совсем "зеленый" в этом деле.
Какой либо защиты от подбора числа, наверное, не требуется, т.к. проект некоммерческий и рассчитан на детей младшего и среднего школьного возраста. Хотя, специалистам виднее.

Заранее благодарен всем откликнувшимся!
Ответ: Shakalaka, спасибо ОГРОМНОЕ!
Все, наконец-то до меня дошло. Сейчас протестировал, все нормально работает.
Для других желающих приобщиться к мудрости Шакалаки я немного подправил:

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
<form id="form" method="post" action="http://cyberforum.ru">
    <label> number  <input id='check' type="text"></label><input type="submit" value="Перейти" >
</form>
<script>
    var form = document.getElementById("form");
    var check = document.getElementById("check");
    form.onsubmit = function(){
        this.action = "http://cyberforum.ru/" + check.value + "/index.html";
    }
 
</script>
Соответственно, вместо вводится тот адрес, который требуется.