Помощник
|
Примеры html, css решений частных вопросов |
klenovnn
|
Сообщение
#1
|
||
|
|
||
|
|||
klenovnn
|
Сообщение
#2
|
|
2. Располагаем два и три дива по горизонтали.
2 div'a по горизонтали code: <div id="sidebar">левый блок</div> <div id="content">правый блок</div> css: div#sidebar {float:left;} div#content {float:right;} 3 div'a по горизонтали code: <div id="sidebar">левый блок</div> <div id="sidebar2">правый блок</div> <div id="content">центральный блок</div> css: div#sidebar {float:left; width:250px;}
div#sidebar2 {float:right; width:250px;} div#content {margin:0 300px;} |
|
|
klenovnn
|
Сообщение
#3
|
|
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> <table cellspacing="0"> <tr> <td colspan="2"> <h1>Заголовок страницы</h1> </td> </tr> <tr> <td width="250px"> <ul> <li><a href="#">Главная страница</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Контактная информация</a></li> </ul> </td> <td>Содержание страницы</td> </tr> <tr> <td colspan="2"> Copyright © 2009 </td> </tr> </table> </body> </html> Файл header.inc <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Далее файл sidebar.inc<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> <table cellspacing="0"> <tr> <td colspan="2"> <h1>Заголовок страницы</h1> </td> </tr> <tr> И заключительный файл footer.inc<td width="250px"> <ul> <li><a href="#">Главная страница</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Контактная информация</a></li> </ul> </td> </tr> Файл index.php выглядеть останется вот так:<tr> <td colspan="2"> Copyright © 2009 </td> </tr> </table> </body> </html> [php] <?php include"header.inc"; ?> <?php include"sidebar.inc"; ?> <td>Содержание страницы</td> <?php include"footer.inc"; ?> [/php] В итоге все остальные страницы мы создаем по аналогии с файлом index.php. |
|
|
MetSerp |
17.6.2010, 15:15;
Ответить: MetSerp
Сообщение
#4
|
|
дабы не было оффтопа - закрыто.
|
|
|
MetSerp |
8.6.2011, 23:13;
Ответить: MetSerp
Сообщение
#5
|
|
Открыто по просьбе автора, пишите свои вопросы по html+css, когда наберется достаточное количество вопросов на них будут даны ответы klenovnn, .
От меня: не пишите вопросы которые требуют срочного решения, так как " когда наберется достаточное количество вопросов на них будут даны ответы klenovnn, .", но не ранее. Просьба к остальным, не отвечать на вопросы так как они собираются для создания уроков, после того как klenovnn, ответит на вопросы, сами вопросы будут удалены, чтобы тема имела вид сборника рецептов. Вроде все. |
|
|
Arks |
30.6.2011, 2:26;
Ответить: Arks
Сообщение
#6
|
|
Оптимальный макет:
меню таблица меню Мой вариант: div без ширины выровненный по горизонтали таблица как position:relative; margin-top: n-цать px div без ширины выровненный по горизонтали в котором наборы dl/dd/dt Автор - твой вариант... Может что лучше продложишь |
|
|
x-line |
6.8.2011, 1:59;
Ответить: x-line
Сообщение
#7
|
|
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description
|
|
|
Webmaster_hb |
6.8.2011, 2:15;
Ответить: Webmaster_hb
Сообщение
#8
|
|
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description если вы делали PHP странички, то что вам мешает вписать title в description ? |
|
|
Liforte |
18.8.2011, 20:41;
Ответить: Liforte
Сообщение
#9
|
|
тема про html, а речь о php... ладно спрошу ,.. сделал я например шаблон (футер хедер и всё такое) , дальше налепил страниц 1.php 2.php... 10000.php как туда сувать мета теги (кейвордс и описание)? вручную на каждой странице ?? я так подозриваю что есть какой-то скрипт или код который например копирует title в description Для этого достаточно сделать в шаблоне вставку переменной, а в общем шаблоне задать условие для вывода и подставлять переменную туда куда надо с теми значениями каторые нужны! |
|
|
Сергей Шолохов |
6.10.2011, 2:23;
Ответить: Сергей Шолохов
Сообщение
#10
|
|
http://divhack.com/
html css решения. Сайт мой. Собрано множество решений по вёрстке, некоторые решены на javascript и jquery. Присутствуют также такие сложные кроссбраузерные вещи как: Стилизация селекта (безумно востребованное решение) Стилизация радиокнопки Слайдер постраничный для картинок Нестандартный input type file Таблица в div подстраивающаяся под контент любой ячейки Нестандартный input type submit футер внизу Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам. Захотел собрать всё в одном месте. Сам пользуюсь каждый день. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Вёрстка HTML-писем | 30 | Vampler | 29421 | 27.3.2024, 12:41 автор: Vampler |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3496 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3428 | 19.12.2023, 18:55 автор: CULA |
|
Залить html страницу на 20 доменов | 6 | TABAK | 1714 | 22.5.2023, 16:24 автор: KORUP |
|
Сделать правки на html-странице | 5 | TABAK | 2312 | 20.5.2023, 10:45 автор: EvilGomel |
Текстовая версия | Сейчас: 26.4.2024, 2:10 |