Дата: Воскресенье, 01.07.2012, 21:33 | Сообщение # 1
Сообщений: [184]
В данный момент занят разработкой школьного сайта. Есть несколько вопросов, касающихся HTML.
1. Как сделать основной блок, на котором будет отображаться вся информация, так, чтобы между верхним краем окна и 1 частью, а также между нижним краем окна и 3 частью не было расстояния (т.е. чтобы они находились впритык друг к другу)?
2. Как сделать, чтобы между 1 частью и 3 частью, 2 часть повторялась настолько, сколько информации она содержит, но при этом не заходила за пределы 1 и 3 частей?
Заметка: я пробовал css-код body { background: #fdc27b url(Main/MnBlock-Center.gif) repeat-y center center; }, но 2 часть заползала за пределы 1 и 3 части, а сами 1 и 3 части, при подобном коде, заползают за окно, либо находятся где-то по середине (при установленной позиции top center и bottom center соответственно).
3. Как сделать, чтобы 1 и 3 части располагались сразу после окончания 2 части (т.е. одна в самом верху, а другая в самом низу)?
4. Как поместить информацию на изображения?
Сообщение отредактировал: MrNobody - Воскресенье, 01.07.2012, 21:33
Дата: Понедельник, 02.07.2012, 15:36 | Сообщение # 5
Сообщений: [1475]
Quote (MrNobody)
1. Как сделать основной блок, на котором будет отображаться вся информация, так, чтобы между верхним краем окна и 1 частью, а также между нижним краем окна и 3 частью не было расстояния (т.е. чтобы они находились впритык друг к другу)?
Есть такой CSS-параметр, называется margin. Он говорит, сколько пикселей должно быть между краем элемента и краем его родительского элемента. У <body> он по умолчанию равен некоторому числу, и из-за этого возникает отступ. Чтобы отступа не было, напиши в CSS:
Code
body { margin: 0px; ... }
Quote (MrNobody)
2. Как сделать, чтобы между 1 частью и 3 частью, 2 часть повторялась настолько, сколько информации она содержит, но при этом не заходила за пределы 1 и 3 частей?
А что значит "повторялась"? Вы имеете в виду повторение фона 2-й части? Для того, чтобы так было, просто напишите нечто вроде следующего в HTML:
Code
<div id="part-2">...</div>
и в CSS:
Code
#part-2 { background: url(...) repeat; }
Quote (MrNobody)
3. Как сделать, чтобы 1 и 3 части располагались сразу после окончания 2 части (т.е. одна в самом верху, а другая в самом низу)?
Не очень понял вопрос. Если вы хотите, чтобы веб-страница имела такую структуру, как у вас на рисунке, то для этого достаточно создать 3 элемента <div>:
Использовать изображение в качестве фона элемента. А саму информацию поместить в элемент. Пример: HTML:
Code
<div id="my-div">Этот текст расположен поверх картинки</div>
CSS:
Code
#my-div { background: url(...); }
Такие CSS-параметры, как background и margin могут быть у всех блочных элементов, а не только у <body>.
Quote (3dmaker)
юзай sites.google.com
Я бы не советовал этого делать. Если научишься создавать сайты, то ты сможешь реализовать на своем сайте любую вещь, а не только те, которые предоставляют готовые системы. Если хочешь этому научиться, то рекомендую освоить вначале HTML (вот учебник, по которому я учился, а вот хороший справочник по HTML и CSS), потом CSS (его вполне можно изучить по справочнику), потом JavaScript Это уже не язык разметки, а язык программирования, с помощью которого ты сможешь добавить на свой сайт интерактивности: реакции на какие-то действия пользователя и т. д. Помимо этого, на JS ты сможешь запрограммировать сервер сайта. Ты, наверное, уже знаешь, что вся информация о сайте (сообщения форума, новости, статьи и т. д.) хранится на сервере, на котором он расположен. Так вот, на JS ты сможешь так же запрограммировать поведение сервера, т. е. указать ему, что и когда делать с данными (например, указать, что если пользователь отправил сообщение на форум, то его нужно добавить в базу данных и т. д.). Кроме того, JS используется и в других местах: в игровом движке Unity, например.
Я бы не советовал этого делать. Если научишься создавать сайты, то ты сможешь реализовать на своем сайте любую вещь, а не только те, которые предоставляют готовые системы. Если хочешь этому научиться, то рекомендую освоить вначале HTML (вот учебник, по которому я учился, а вот хороший справочник по HTML и CSS), потом CSS (его вполне можно изучить по справочнику)
Я уже изучаю html и css. Сайт делаю с чистого листа.
Quote (Hagrael)
потом JavaScript Это уже не язык разметки, а язык программирования, с помощью которого ты сможешь добавить на свой сайт интерактивности: реакции на какие-то действия пользователя и т. д.
Quote (Hagrael)
Кроме того, JS используется и в других местах: в игровом движке Unity, например.
