 HTML - советуем, спрашиваем, делимся, "язык интернета" |
Здравствуйте, гость ( Вход | Регистрация )
  |
 13 Dec 2012, 00:51
Сообщение
#301
|
|
 допустим, мяў Сообщений: 24 116 Спасибо сказали: 13428 раз  |
Цитата(Erolast @ 04 Aug 2012, 18:56)  Облом... Оказалось, что если ограничить доступ к файлу другим, то и сам сервер до него почему-то добраться не может. Так что, наверное, без MySQL все же не обойтись. Можете посоветовать хороший сервер для бесплатного хостинга, с поддержкой php и mysql? Ну и, желательно, по минимуму рекламы. Не совсем. Атрибуты любого файла на сервере имеют 3 поля - одно из них отвечает за возможности работы с файлом сервера, второе - привелегированного пользователя, третье - просто го пользователя. Два последних чаще всего совпадают. А первое - отличается. Если атрибут 777 - все с файлом могут сделать всё. Если же 477 - то пользователь не может писать в файл, остальные могут. И т.д. -------------------- Вокруг столько фильмов, книг, музыки - а природа какая невероятная!
Если тебе скучно жить - ты совсем дурак. (Татьяна Черниговская) |
  |
 
|
|
13 Dec 2012, 01:57
Сообщение
#302
|
|
 Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
Код <!DOCTYPE html> <html> <head> </head> <body> Вот какой-то <span class="text">текст <div class="hint"> Подсказка C текстом и картинками <img src="http://forum.df2.ru/uploads/av-2928.jpg" /> </div> </span>, если навести на слово написанное красным - то появится подсказка. <p>Что-то, что идет под тектом.</p> <style> .text{ position: relative; cursor: help; color: red; } .hint{ display: none; padding: 10px; border: 1px solid green; position: absolute; top: 100%; left: 0px; margin-top: 10px; width: 300px; max-width: 300px; background: white; border-radius: 20px; color: blue; } .text:hover .hint{ display:block; } </style> </body> </html> ну вот самый простой из памяти пример. В ие8+ точно работает. В младших версиях вероятно тоже будет. http://shurupich.narod.ru/hint.html |
|
|
|
|
13 Dec 2012, 08:07
(Сообщение отредактировал izrukvruki - 13 Dec 2012, 10:40)
Сообщение
#303
|
|
 Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
спасибо. то что надо!!!
К hint добавил строчку Код z-index:500; чтоб поверх всего вылезала... |
|
|
|
|
14 Dec 2012, 08:43
(Сообщение отредактировал izrukvruki - 14 Dec 2012, 08:45)
Сообщение
#304
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
Я вот не могу никак понять принцыпы позиционирования блоков с помощью процентного указания
Указание конкретно значения вроде более менее ясно, типо bottom: 200px - отступ от низа 200пикселей, а с процентами не понятно Код position: absolute; top: 100%; left: 80%; селектор position: мне тоже как-то слабо ясен... читал тут справку http://htmlbook.ru/css/position например про атрибут relative мне не понятен смысл слов "от первоначального расположения" |
|
|
|
|
14 Dec 2012, 11:27
Сообщение
#305
|
|
 Яблочный произвол! Сообщений: 11 080 Спасибо сказали: 3988 раз |
не там читаешь справку. нужно здесь: http://w3schools.com/
оттуда можно и узнать, что relative - это расположение относительно самого себя |
|
|
|
|
14 Dec 2012, 11:29
(Сообщение отредактировал izrukvruki - 14 Dec 2012, 11:36)
Сообщение
#306
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
тут не по русски... http://w3schools.com/css/css_positioning.asp да и про проценты не сказано ничего
|
|
|
|
|
14 Dec 2012, 11:37
(Сообщение отредактировал Shurup - 13 Apr 2013, 12:40)
Сообщение
#307
|
|
|
Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
У тебя есть холодильник и ты начинаешь на него лепить магнитики разного размера. Подряд.
Первый ты вешаешь в верхний левый угол. Второй справа от него. Третий за ним и т.д. Если следующий магнитик не помещается - то переносишь его на новый ряд. Причем так чтоб его верхний край был как раз под нижним краем самого высокого элемента. И тут ты повесил очередной магнит (красный), но решил, что он должен быть на 10 милиметров ниже того места где он должен быть по-умолчанию, ты просто смещаешь его от верху на 10мм. Это и есть относительная (relatuve) его позиция. Top: 10px; Один магнитик (зеленый) ты решил повесить в конкретном месте холодильника. Например в правом углу на растоянии 20мм от низа холодильника. Ты не высчитываешь, на сколько его нужно сместить относилельно последнего магнита, ты просто говоришь ему спозиционируйся точно на 20мм от нижнего края. это position: absolute; bottom: 20px; right: 0px; left: auto; последний атрибут указывать не обязательно, он говорит браузеру, что отступ слева высчитывай сам, но что будет если указать сразу и отступ и слева и справа. Для магнитов (неизменяемых по ширине) это не даст никаого эфекта и браузер выполнит последнюю команду. А вот для резиновых объектов с переменной шириной - выполнит обе. Ты решил прилепить к холодильнику жевачку. Слева отступил 0мм, а справа 50% холодильника. Между этими точками - растянул жвачку. (на рисунке дуга). А еше ты можешь захотеть разместить на холодильнике записку (бежевый), и украсить ее магнитиками. Для этого магнитики ты помещаешь внутрь блока "записка", и они будут выстраиваться уже по ней. И в случае процентов, для всех внутренних магнитов будут браться размеры записки. Вот например голубой магнит стоит без розиционирования. У фиолетового - позиция абсолютная, отступ сверху - 0, справа 0. У салатового - отступ снизу 0. А вот сделать такое как с желтым - чуть сложнее. Можно конечно указать ему отрицательный отступ снизу на высоту магнита. Но лучше указать ему отступ сверху на всю высоту записки. то есть top: 100%. (Что было бы при top:0px и top: 50% - видим в виде пунктирного и оранжевого контура соответственно.)  Важно, если ты не укажешь тип позиционирования для родителя (холодильник), то абсолютное позиционирование его дочерних объектов (магнитов) работать не будет. Точнее они будут расклеены вне холодильника по всей комнате. Поэтому обязательно для холодильника указать position:absolute или position:relative (взависимости от того, как ты его позиционируешь в комнате). |
|
|
|
|
14 Dec 2012, 11:57
(Сообщение отредактировал izrukvruki - 14 Dec 2012, 12:03)
Сообщение
#308
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
а как один объект поставить по центру другого? имею в виду например зеленый прямоугольник выровнять относительно бежевой записки...
относительно какой точки объекта берутся цифры? так понимаю от верхней левой? |
|
|
|
|
14 Dec 2012, 11:59
(Сообщение отредактировал gamecreator - 14 Dec 2012, 11:59)
Сообщение
#309
|
|
|
Яблочный произвол! Сообщений: 11 080 Спасибо сказали: 3988 раз |
Цитата(izrukvruki @ 14 Dec 2012, 10:57) а как один объект поставить по центру другого? align, не? |
|
|
|
|
14 Dec 2012, 12:08
Сообщение
#310
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
такого нету селектора... для текса есть text-align
гугл помог Код width:270px;
height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px; |
|
|
|
|
14 Dec 2012, 12:27
Сообщение
#311
|
|
|
Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
Цитата(izrukvruki @ 14 Dec 2012, 10:57) а как один объект поставить по центру другого? относительно какой точки объекта берутся цифры? так понимаю от верхней левой? По умолчанию - да. Но оперируя отступами (margin) ты в принципе можешь переместить точку отсчета. Если ты у внутреннего блока укажешь отрицательный отступ при абсолютном позиционировании - то будет нужный эффект http://shurupich.narod.ru/position.html |
|
|
|
|
26 Dec 2012, 10:22
Сообщение
#312
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
Еще пару вопросов:
1. Можно ли поверх одной картинки вывести (типо водяного знака) вторую картинку - разместив ее относительно правого нижнего края? 2. Можно ли вывести не всю картинку, а лишь ее фрагмент? Типо в одном файле сделать две кнопки, в одном месте вывести одну кнопку, в другом месте вторую конпку... 3. Можно ли средствами html и css создать аналог альфа-канала на картинки? 4. Шуруп, использовали ли ты вместо/вдополнении к CSS динамический язык таблицы стилей LESS? Вроде очень удобная штука... Или имеет подводные камни? |
|
|
|
|
26 Dec 2012, 11:43
Сообщение
#313
|
|
 😸🧡✊✌️ Сообщений: 16 465 Спасибо сказали: 3366 раз |
2. Именно так — не знаю, есть другая фишка:
<map name="buttons_map"> <area href="link1" shape="rect" coords="10, 10, 20, 20"> <area href="link2" shape="rect" coords="10, 30, 20, 40"> </map> <img src="buttons.jpg" usemap="#buttons_map"> -------------------- Я слежу за тобой!
tolic.narod.ru Цитата Всегда приятно осознавать, что кто-то делает что-то хуже, чем делал бы ты, если бы умел. Борис "Бонус" Репетур, "От винта!", выпуск 38. |
|
|
|
|
26 Dec 2012, 22:54
(Сообщение отредактировал Shurup - 26 Dec 2012, 22:57)
Сообщение
#314
|
|
|
Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
Цитата(izrukvruki @ 26 Dec 2012, 09:22) Еще пару вопросов: 1. Можно ли поверх одной картинки вывести (типо водяного знака) вторую картинку - разместив ее относительно правого нижнего края? 2. Можно ли вывести не всю картинку, а лишь ее фрагмент? Типо в одном файле сделать две кнопки, в одном месте вывести одну кнопку, в другом месте вторую конпку... 3. Можно ли средствами html и css создать аналог альфа-канала на картинки? 4. Шуруп, использовали ли ты вместо/вдополнении к CSS динамический язык таблицы стилей LESS? Вроде очень удобная штука... Или имеет подводные камни? Сначала важное замечание, которое является порогом вхождения в качественную верстку. "TABLE только для таблиц, IMG только для картинок". По первому много нагуглить можно по запросу "блочная/семантическая верстка", а по второму проясню тут. Тег ИМГ неправильно использовать для кнопок, декоративных элементов и тому подобного. Это усложняет применение стилей, не позволяет отделить содержимое от отображения, поверх картинки можно отобразить другой элемент только абсолютным позиционированием. Во всех остальных случаях применять css свойство "background"/"background-image". В идеале в ИМГ должны быть только иллюстрации. 1. Можно ли поверх одной картинки вывести (типо водяного знака) вторую картинку - разместив ее относительно правого нижнего края? Можно, абсолютное позиционирование. Но смысл? защиты 0, при сохранении - сохранится только знак или картинка без знака. Водяные знаки делать либо на сервере, либо через канвас. В последнем случае защита тоже так себе, да и в допотопных браузерах не прокатит, но лучше, чем один элемент на другом. 2. Можно ли вывести не всю картинку, а лишь ее фрагмент? Типо в одном файле сделать две кнопки, в одном месте вывести одну кнопку, в другом месте вторую конпку... Опять же бекграунд-имадж. Хоть все кнопки сайта в одном файле. Именно таким образом рекомендуется делать изменяющуюся картинку при наведениии. Тогда не будет исчезаить кнопка при наведении. (Если нужен пример - напишу чуть позже) 3. Можно ли средствами html и css создать аналог альфа-канала на картинки? Сделать непрозрачную часть картинки прозрачной? Сделать весь элемент полупрозрачным - можно через css свойство "opacity: 0.5". Кросбраузерного решения не знаю. И не верю, что есть, так как с точки зрения разработчика проще задать уже готовую картинку с готовой прозрачностью. 4. Шуруп, использовали ли ты вместо/вдополнении к CSS динамический язык таблицы стилей LESS? Вроде очень удобная штука... Или имеет подводные камни? Использовал свой примитивный компилятор стилей, сейчас динамические таблицы стилей в планах на изучение/применение, но опыта применения LESS'а в реальных проектах нет. Подводных, на сколько понял - никаких. Просто нужно понимать, что это всего-лишь видоизмененный синтаксис, который все-равно нужно приводить в вид обычного css (вручную или автоматически: серверной частью или через js). |
|
|
|
|
12 Jan 2013, 18:17
Сообщение
#315
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
Вопрос такой:
У меня на сайте лежат pdf файлы (они все одной папке и их штук 20, т.е. список их составить можно). Место кончается и хотелось бы их перенести в другое место (например на дропбокс) Но очень много где в интернете (например на десятке форумах) стоят ссылки на эти pdf - такого вида http://woggrad.ru/vestnik/10_2009.pdf - менять руками это нереально, и людей желающих скачать файл напрягать тоже не хочется Можно ли придумать какую нибудь переадресацию: человек запрашивает файл http://woggrad.ru/vestnik/10_2009.pdf а начинает качать (ссылка отбалды) https://dl.dropbox.com/u/13516901/%D0%91%D0...D1%8B%D0%B9.JPG |
|
|
|
|
12 Jan 2013, 18:40
Сообщение
#316
|
|
|
допустим, мяў Сообщений: 24 116 Спасибо сказали: 13428 раз |
Можно. Нужно править файлы типа .htaccess
Больше ничего не скажу. Но можно точно. А можешь попытаться создать html-файлы с именами типа woggrad.ru/vestnik/10_2009.pdf с таким содержанием: Код <html><head><meta http-equiv="refresh" content="1;URL=http://my-new-url"></head></html> В крайнем случае ещё в .htaccess нужно будет прописать pdf как html/text -------------------- Вокруг столько фильмов, книг, музыки - а природа какая невероятная!
Если тебе скучно жить - ты совсем дурак. (Татьяна Черниговская) |
|
|
|
|
13 Jan 2013, 17:11
Сообщение
#317
|
|
|
Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
Цитата(izrukvruki @ 12 Jan 2013, 17:17) Вопрос такой: У меня на сайте лежат pdf файлы (они все одной папке и их штук 20, т.е. список их составить можно). Место кончается и хотелось бы их перенести в другое место (например на дропбокс) Но очень много где в интернете (например на десятке форумах) стоят ссылки на эти pdf - такого вида http://woggrad.ru/vestnik/10_2009.pdf - менять руками это нереально, и людей желающих скачать файл напрягать тоже не хочется Можно ли придумать какую нибудь переадресацию: человек запрашивает файл http://woggrad.ru/vestnik/10_2009.pdf а начинает качать (ссылка отбалды) https://dl.dropbox.com/u/13516901/%D0%91%D0...D1%8B%D0%B9.JPG .htaccess теоретически может помочь, но с большой вероятностью не будет работать на большистве файлопомоек. Многие файлообменники и хранилища не позволяют использовать хотлинки. То есть для скачивания разницы для пользователя вроде и нет, но если встроить куда-то пытаешься - то ничего не выходит. Вот например твою картинку с дропбокса отобразить внутри форума мне не удалось. Код [img]https://dl.dropbox.com/u/13516901/%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.JPG[/img] ни так:  ни так:  (если кто-то здесь видит картинки - то у него сработает) Скорее всего и пдф-превьюшки работать тоже не будут. |
|
|
|
|
13 Jan 2013, 18:11
Сообщение
#318
|
|
 laughed as one fey Сообщений: 12 167 Спасибо сказали: 20603 раза |
 Это дропбокс эскейп-последовательности не держит. |
|
|
|
|
18 Jan 2013, 10:47
Сообщение
#319
|
|
|
Князь Бореи Сообщений: 5 171 Спасибо сказали: 1349 раз |
Shurup, а ты не посоветуешь движок фотогалереи - простота, бесплатность и русифицируемость желательны...?
пишут что неплохая Zenphoto, но она не руссифицирована... щас смотрю Gallery3 но чего-то не нравится она мне... |
|
|
|
|
18 Jan 2013, 17:06
Сообщение
#320
|
|
|
Щирий українець Сообщений: 1 456 Спасибо сказали: 3028 раз |
Увы, с готовыми решениями я знаком только поверхностно. Не встречал необходимости.
|
|
|
|
|
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
| Текстовая версия | Сейчас: 29 October 2025 - 02:48 |
Copyright by Алексей Крючков
 Programming by Degtyarev Dmitry |
|