Создание сайта в текстовом редакторе - Страница 3

Black_Parrot · 06.10.2009, 00:18

К вопросу о создании сайта:
Ищу быстрый бесплатный хостинг с поддержкой пользовательских доменов типа ****.***.**(net.ru, co.cc) места нужен где-то 1мб. Будет размещена Html-страничка с моими контактами(Аля бесплатный .tel)...

СтеклышеК · 08.10.2009, 19:56

Вот что у меня получилось:Caut.zip

Проблема вот в чём: Текст выделенный белым цветом "Сделано" никак не хочет выравниваться по низу. Вот код касающийся текста в CSS стиле:

Код HTML:

font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;

пытался по всякому его выровнять, с горизонтальным всё прекрасно, а вот с вертикальным выравниванием что-то не то.

СтеклышеК · 09.10.2009, 08:59

Ещё так и не знаю чем можно создать надпись в голове сайта, посоветуйте адекватную программу для создания таких вещей, а то всё что не попадалось, всё не то. + хотелось бы чтобы эта программа умела сохранять в gif
Если уж ничего нет, то придётся через фотошоп

Сергей · 09.10.2009, 09:11

GIMP - The GNU Image Manipulation Program

Сергей · 09.10.2009, 09:18

насколько я понял, ты хочешь чтобы вверху была голубая полоска с капелькой, затем синий фон вот с этим <div id ="menu">1</div> <div id ="content">2</div>, а внизу кртинка с облаками и травкой?)

СтеклышеК · 09.10.2009, 09:30

как бы это не звучало "облака с травкой", но именно так. Так сказать в подтверждение что я не откуда не сбегал из мест для умолишённых, то наша кафедра называется: Комплексное использование и охрана природных ресурсов. Хотел сначала просто сделать его полностью в "водном" оформлении, но это не охватывает всю тематику кафедры, решил поступить так.
Ещё сделаю кнопки в виде облачков и в центре гигантское квадратное облако. Пока думаю как его лучше обставить, наверное через div id и просто фон растягивающийся, в общем есть над чем подумать.

Сергей · 09.10.2009, 09:42

постараюсь помочь, у меня тоже была проблема с вертикальным выравниванием... попробую вспомнить как решил...

СтеклышеК · 09.10.2009, 09:47

самое то интересное, что тескт в блоке выравнивается с помощью vertical-align: bottom; но как я не пытался он не работает, довольно странно. Как вариант можно создать отдельный тег для текста, но тогда будет сложнее его выравнивать в резиновом сайте, придётся больше прописывать, что для меня не есть хорошо. Пока всё ищу ответ на этот вопрос.
Кстати, спасибо за ссылку, я как-то гимп обошёл стороной, теперь не понимаю почему тогда его не скачал

буду разбираться.

Сергей · 09.10.2009, 10:14

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

СтеклышеК · 09.10.2009, 11:21

Сайт как раз резиновый хочу

За не имением другой возможности сделал вот что:

Код HTML:

<div id="p">Сделано</div>

а для CSS "p"

#p {
	position:absolute;
	bottom:0;
	width:100%;
	height:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	background-color: #000000;
}

просто скопировал с футера. Правда появилась такая маленькая мелочь, вылез бегунок, поэтому значение height:11px; выставил в 12 пикселей и всё стало прекрасно.
Так что считаю проблема решена. Теперь буду думать над лого и кнопками.

08.10.2009, 19:56	#22 (permalink)
СтеклышеК Эколог Регистрация: 02.08.2009 Сообщений: 1,938 Записей в дневнике: 3 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1077	Вот что у меня получилось:Caut.zip Проблема вот в чём: Текст выделенный белым цветом "Сделано" никак не хочет выравниваться по низу. Вот код касающийся текста в CSS стиле: Код HTML: font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-align: center; vertical-align: bottom; пытался по всякому его выровнять, с горизонтальным всё прекрасно, а вот с вертикальным выравниванием что-то не то.

09.10.2009, 11:21	#30 (permalink)
СтеклышеК Эколог Регистрация: 02.08.2009 Сообщений: 1,938 Записей в дневнике: 3 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1077	Сайт как раз резиновый хочу За не имением другой возможности сделал вот что: Код HTML: <div id="p">Сделано</div> а для CSS "p" #p { position:absolute; bottom:0; width:100%; height:11px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-align: right; background-color: #000000; } просто скопировал с футера. Правда появилась такая маленькая мелочь, вылез бегунок, поэтому значение height:11px; выставил в 12 пикселей и всё стало прекрасно. Так что считаю проблема решена. Теперь буду думать над лого и кнопками.

06.10.2009, 00:18	#21 (permalink)
Black_Parrot Member Регистрация: 05.01.2007 Сообщений: 7,067 Записей в дневнике: 6 Сказал(а) спасибо: 9 Поблагодарили 1 раз в 1 сообщении Репутация: 10522	К вопросу о создании сайта: Ищу быстрый бесплатный хостинг с поддержкой пользовательских доменов типа **..*(net.ru, co.cc) места нужен где-то 1мб. Будет размещена Html-страничка с моими контактами(Аля бесплатный .tel)...

09.10.2009, 08:59	#23 (permalink)
СтеклышеК Эколог Регистрация: 02.08.2009 Сообщений: 1,938 Записей в дневнике: 3 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1077	Ещё так и не знаю чем можно создать надпись в голове сайта, посоветуйте адекватную программу для создания таких вещей, а то всё что не попадалось, всё не то. + хотелось бы чтобы эта программа умела сохранять в gif Если уж ничего нет, то придётся через фотошоп

09.10.2009, 09:11	#24 (permalink)
Сергей Member Регистрация: 15.12.2007 Сообщений: 889 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 262	GIMP - The GNU Image Manipulation Program

09.10.2009, 09:18	#25 (permalink)
Сергей Member Регистрация: 15.12.2007 Сообщений: 889 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 262	насколько я понял, ты хочешь чтобы вверху была голубая полоска с капелькой, затем синий фон вот с этим <div id ="menu">1</div> <div id ="content">2</div>, а внизу кртинка с облаками и травкой?)

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070

09.10.2009, 09:30	#26 (permalink)
СтеклышеК Эколог Регистрация: 02.08.2009 Сообщений: 1,938 Записей в дневнике: 3 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1077	как бы это не звучало "облака с травкой", но именно так. Так сказать в подтверждение что я не откуда не сбегал из мест для умолишённых, то наша кафедра называется: Комплексное использование и охрана природных ресурсов. Хотел сначала просто сделать его полностью в "водном" оформлении, но это не охватывает всю тематику кафедры, решил поступить так. Ещё сделаю кнопки в виде облачков и в центре гигантское квадратное облако. Пока думаю как его лучше обставить, наверное через div id и просто фон растягивающийся, в общем есть над чем подумать.

09.10.2009, 09:42	#27 (permalink)
Сергей Member Регистрация: 15.12.2007 Сообщений: 889 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 262	постараюсь помочь, у меня тоже была проблема с вертикальным выравниванием... попробую вспомнить как решил...

09.10.2009, 09:47	#28 (permalink)
СтеклышеК Эколог Регистрация: 02.08.2009 Сообщений: 1,938 Записей в дневнике: 3 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1077	самое то интересное, что тескт в блоке выравнивается с помощью vertical-align: bottom; но как я не пытался он не работает, довольно странно. Как вариант можно создать отдельный тег для текста, но тогда будет сложнее его выравнивать в резиновом сайте, придётся больше прописывать, что для меня не есть хорошо. Пока всё ищу ответ на этот вопрос. Кстати, спасибо за ссылку, я как-то гимп обошёл стороной, теперь не понимаю почему тогда его не скачал буду разбираться.