A A A A Автор Тема: Создание сайта !? (Прочитано 16954 раз)

DarWin · « **Ответ #60 :** 21 Янв 2010 [03:27:05] »

В блочной верстке есть классы определяющие формы углов радиус и т.д.. А этот дизайн я снача собирался для астрономии привлечь, но посоветовали на нем и астрофото хвастать и клиентов привлекать. Кризис приходится работать дома вот и стараюсь.
Попробую для тебя подобрать несколько ссылок по работе с блоками. Но с прозрачностью как я помню там глюки и выходят только полупрозрачными ПНГшками. Мне то приходится сразу думать о совместимости, т.к. движок с собственной админкой. И сйт еще не доеделан. Верхняя шапка будет Флэшовая с трансляцией одной картинки в режиме он-лайн. Планеты буду работать как кнопки по образу РкЛанчера (управление прототип МакОс).

artym · « **Ответ #61 :** 21 Янв 2010 [03:35:10] »

Цитата: Евгений 16 от 21 Янв 2010 [03:16:40]

КАК div боксу придать прозрачности что б через него просматривался фон на %70 примерно.?
как контур задать боксу?
и как закруглить углы(без картинок по углам)?

Задаешь значение прозрачности для нужного div-блока:
{opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
Второе для IE,первое для всех остальных.

Контур так же как и в таблицах-border.

DarWin · « **Ответ #62 :** 21 Янв 2010 [03:43:53] »

http://designformasters.info/posts/round-corners-no-image/ вот способ закругления углов без графики. Но он трудоемок.

DarWin · « **Ответ #63 :** 21 Янв 2010 [03:52:56] »

Вообще с закруглением можно попробовать использовать прозрачный png файл и сделать background: url( /images/img.png) 100% 100% no-repeat
где100% 100% width и height. Но сам этот способ не пробовал. Не люблю слишком много закруглений.

DarWin · « **Ответ #64 :** 21 Янв 2010 [03:56:55] »

Борта
.block { border: 1px solid;} - Если все
.block { border-bottom: 1px solid;} - Если один. Или left right top

Evgeny Trisko · « **Ответ #65 :** 21 Янв 2010 [04:00:03] »

artym спасибо!

Цитата: Darvin от 21 Янв 2010 [03:43:53]

http://designformasters.info/posts/round-corners-no-image/ вот способ закругления углов без графики. Но он трудоемок.

интерестный метод! надо будет по пробывать!

пока остановлюсь на ПНГшках!
соответственно вопрос! как сделать что когда размер бокса меньше картинки, картинка не обрезалась а уменьшалась?

DarWin · « **Ответ #66 :** 21 Янв 2010 [04:03:10] »

помоему также)) Он должен сам уменьшится.. Если не помогает тогда тогда делать другую кратинку... Вообще пнгшка она трансформируется почти без потреь качества .. с учетом того что на ней нет ничего.

Evgeny Trisko · « **Ответ #67 :** 21 Янв 2010 [20:54:32] »

$:-\$ блин! заболталось! почему в опере всё нормально отображается, посмотрел через Internet Explorer а там!

все боксы с пнг фоном отображаются просто белым фоном!
посмотрите плиз! там вокруг каждого издания полупрозрачный фон должен быть с закруглёнными с веху углами!
http://vestnikkavkaza.narod.ru/products.html

thomas.coding · « **Ответ #68 :** 27 Янв 2010 [16:12:12] »

Цитата: Евгений 16 от 21 Янв 2010 [20:54:32]

$:-\$ блин! заболталось! почему в опере всё нормально отображается, посмотрел через Internet Explorer а там!

Добро пожаловать в клуб IE ненавистников

Evgeny Trisko · « **Ответ #69 :** 26 Фев 2010 [02:12:54] »

Опять я со своими вопросами!

Такая глупая проблемка возникла. Нужно поставит DIV бокс Content рядом с боку с Content2, Как показано на рисунке…
У меня что бы я не делал Content2 получается под Content…
Я знаю, всё проще некуда… но извиняйте, тупим….

Вот CSS код…

Код: [Выделить]

body {
	background: ffffff;
	color: #000000;
	background-image: url(../#.jpg);

}
#wrapper {
	background: #ff0000;
	position: center center;
	margin: 10px auto;
	width: 920px;
	height: auto;
      }
#header {
       background:url(../titul.jpg);
       background-position: bottom center;
	   background-repeat: no-repeat;
	   height: 303px;
       width: 920px;
      }
#navigation {
      background: #ddcd8f;
	  background-position: center center;
      width: 920px;
      height: 100px;
      }
#content {
	background: #cccccc;
	width: 700px;
	height: 150px;
      }

#content2 {
	background: #ccffff;
	width: 150px;
	height: 150px;
	      }
#content3 {
	background: #ccffcc;
	width: 900px;
	height: 150px;
	      }

и html

Код: [Выделить]

<body>
<center>

<div id="wrapper">
<div id="header">
</div>
<div id="navigation">

</div>
<div id="content">

 
</div>
<div id="content2">

</div>
<div id="content3">

</div>
</div>


</body>

artym · « **Ответ #70 :** 26 Фев 2010 [02:20:24] »

Попробуй дописать к контентам 1 и 2 значение float:left;
Давненько этим не занимался,но вроде так это делается

Еще это может быть из-за того что сумма контента 1 и 2 по ширине больше основного контейнера,
тогда конечно будет автоматический перенос.В этом случае ширину контента 2 можно сменить на auto.

Ed_Vazhorov · « **Ответ #71 :** 26 Фев 2010 [08:16:36] »

В вышеуказанном примере ошибка в том, что два DIV-а контент1 и контент 2 будут стоять друг под другом.

Надо использовать такой метод:
Один DIV делается плавающим при помощи директивы CSS float:left (или right), а второй DIV получает в CSS отступ с шириной первого DIV-а директивой соответственно margin-right (или left): ширина px;...
При этом, плавающий DIV надо ставить на странице за не плавающим.

И еще совет. Чтобы вертикальные блоки Контент 1 и Контент 2 в случае разной длины не налезали поверх на нижний блок Контент 3, надо в его секции CSS вставить директиву clear:both;

Evgeny Trisko · « **Ответ #72 :** 08 Мар 2010 [15:43:35] »

Вот я и надумал изучать PHP!

Изучаю по книжке PHP в подлиннике. хорошая книга для новичка?
Вот споткнулся с такой не поняткой!
Вообщем дело было так!
создал я виртуальный диск, по насоздавал папок как сказано в книге! установил атач, да не в ту папку! ну дума счя переустановлю его... запускаю установочный файл далее Remove, начинается удаление и тут : Error 1315. unable to write to the specified folder Z:\usr\local\bin\.
че за...ах!?
да и при создании файла Run.bat там по книге для запуска атача, вот код:

@echo off
:: программа для запуска всех серверов: Apache и MaSQL.
call Boot.bat
Z:
: Запуск Apache.
cd \user\local
start apache.exe

указывается файл для старта apache.exe! я его вообще не нашел!

Evgeny Trisko · « **Ответ #73 :** 09 Мар 2010 [22:49:06] »

Ладно!.. мучаемся дальше...

После настройки апача и пхп, апач стал выдавать ошибку: The requested operation has failed! где я мог допустить ошибку?

Ed_Vazhorov · « **Ответ #74 :** 10 Мар 2010 [10:10:17] »

Рекомендую не мучиться с ручной установкой и скачать что-то вроде пакета StpServer (экс TopServer) - Apache + PHP + MySQL + PERL + SQLite + FTP в одном пакете
Ставится за минуту и работает без глюков. Удобный интерфейс администрирования, включения и выключения сервера...
http://www.stpserver.ru/

Evgeny Trisko · « **Ответ #75 :** 10 Мар 2010 [20:06:25] »

Вот подходящий вариант! только что т не запускается панель администрирования! пишет что страница не существует!

Есть еще подобные пакеты??!

lazyBSD · « **Ответ #76 :** 10 Мар 2010 [20:29:27] »

denwer

Evgeny Trisko · « **Ответ #77 :** 11 Мар 2010 [00:08:31] »

Цитата: lazyBSD от 10 Мар 2010 [20:29:27]

denwer

Вот!!!

заработало! Спасибо всем!

Evgeny Trisko · « **Ответ #78 :** 11 Мар 2010 [00:49:56] »

как я понимаю все тесты... которые лежат в home/localhost/... можно удалять!?

Evgeny Trisko · « **Ответ #79 :** 03 Апр 2010 [17:25:16] »

И опять же втолкнулся с непоняткой..!
дело обстоит так!
DIV бокс, в нем картинка прижатая к левому краю и текст который обтекает с лева. эту боксу задана высота auto

Код: (css) [Выделить]

#123 {
	height: auto;
	width: 900px;
	background:url(../111.png);
	line-height:30px;
	font-weight:normal;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

Код: (html) [Выделить]

<div id="123">


<img src="products/2.jpg" align="left" HSPACE=30 VSPACE=5  alt="ХУДОЖНИКИ СТАВРОПОЛЬЯ"> 
<br>

<font><center><h2 align="left">«ХУДОЖНИКИ СТАВРОПОЛЬЯ»</h2></center>

<br>
<font > 
Альбом является первым изданием, которое широко освещает  изобразительное искусство художников Ставропольского края. Издание иллюстрировано  219 цветными репродукциями, а также краткими биографическими данными об авторах.
</font>

   
</div>

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

Новости:

A A A A Автор Тема: Создание сайта !? (Прочитано 16954 раз)