Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)
1. Одна таблица для создания общего макета
Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
3. Быстрая смена шапки (header) и дна (footer) в десятках страниц.
Создаем примитивный сайт, где будет использоваться общая шапка (header), меню (sidebar), дно (footer).
Идеальное решение для начинающего пользователя, пожелавшего создать сайт в пределах 10 страниц (фактически можно и больше).
Внимание: Для того, чтобы использовать данное решение, необходим хостинг с поддержкой php.
Пишем макет сайта:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Простой макет</title>
<style>
html, body {margin:0; padding:0; font-size:100.01%;}
body {background-color:#fff; color:#000; font:normal 12px ‘Tahoma’;}
</style>
</head>
<body>
В итоге все остальные страницы мы создаем по аналогии с файлом index.php.
17.06.2010, 13:15
MetSerp
дабы не было оффтопа - закрыто.
08.06.2011, 21:13
MetSerp
Открыто по просьбе автора, пишите свои вопросы по html+css, когда наберется достаточное количество вопросов на них будут даны ответы klenovnn, .
От меня: не пишите вопросы которые требуют срочного решения, так как " когда наберется достаточное количество вопросов на них будут даны ответы klenovnn, .", но не ранее.
Просьба к остальным, не отвечать на вопросы так как они собираются для создания уроков, после того как klenovnn, ответит на вопросы, сами вопросы будут удалены, чтобы тема имела вид сборника рецептов.
Вроде все.
30.06.2011, 00:26
Arks
Оптимальный макет:
меню
таблица
меню
Мой вариант:
div без ширины выровненный по горизонтали
таблица как position:relative; margin-top: n-цать px
div без ширины выровненный по горизонтали в котором наборы dl/dd/dt
Автор - твой вариант... Может что лучше продложишь
05.08.2011, 23:59
x-line
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description
06.08.2011, 00:15
Webmaster
Цитата:
Сообщение от x-line
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description
если вы делали PHP странички, то что вам мешает вписать title в description ?
18.08.2011, 18:41
Liforte
Цитата:
Сообщение от x-line
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description
Для этого достаточно сделать в шаблоне вставку переменной, а в общем шаблоне задать условие для вывода и подставлять переменную туда куда надо с теми значениями каторые нужны!
06.10.2011, 00:23
Сергей Шолохов
http://divhack.com/
html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу
Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.