Dezmont
Newbie-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Dezmont
-
Спасибо большое =)
-
Кто нибудь знает, что за баг с тегом атрибутом size тега select в Google Chrome? При значении size <=4 отображается 4 элемента списка. В других браузерах нормально. Поиск в гугл ничего не дал. Только какой-то старый топик, в котором говорят, что это такая особенность хрома. Когда фиксить будут неизвестно. Как перебороть может знает кто?
-
Да, хочется 2 обработчика. На самом деле их не 2, а может даже 4,5 будет. Можно обойтись и 1 обработчиком, но тогда получится слишком большой РНР код...Кучу всего в 1 файл придётся понавешать и сделать редиректы. Хотел так сделать, думал проще.
-
Сделал я это вот так: <html> <head> <title>javascript параметры</title> <link rel="stylesheet" type="text/css" href="style1.css"> <script type="text/javascript"> function showZZZ(x){ if(x==1){ document.forma2.action="1.php"; document.forma2.submit(); } elseif(x==2){ document.forma2.action="2php"; document.forma2.submit(); } } </script> </head> <body> <form name="forma2"> <input type="button" name="z1" onclick="showZZZ(1);"> <input type="button" name="z2" onclick="showZZZ(2);"> </form> </body> </html> И ничего у меня не работает. Если знаете, подскажите как переделать?
-
Добрый день, подскажите пожалуйста как решить задачку... Есть код типа такого. <form name='f1' action="index.php"> <input type="text" name="t1"> <input type="submit" name="s1"> </form> <input type="button" name="b1"> Как сделать так, чтобы при нажатии на кнопку name=b1 форма отправлялась на страницу button.php. Никак не получается написать рабочий код.=( пытался задавать document.forms.f1.action = "button.php", но ничего не работает. Немного знаком с РНР. JS только сейчас начал разбирать...=(
-
В общем етсь у меня вот такая страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" alt="" class="bg"> <div id="glass1"> <div id="glass2"> </div> </div> <div id="head"> <img src="design/logo.png" width="338" height="228"> </div> <div id="two-in-one"> <div id="category"> <h3><a href="other.php?cat=abstraction">Абстракция</a></h3> <h3><a href="other.php?cat=aviation">Авиация</a></h3> <h3><a href="other.php?cat=auto">Автомобили</a></h3> <h3><a href="other.php?cat=anime">Аниме</a></h3> <h3><a href="other.php?cat=city">Города</a></h3> <h3><a href="other.php?cat=girls">Девушки</a></h3> <h3><a href="other.php?cat=animals">Животные</a></h3> <h3><a href="other.php?cat=games">Игры</a></h3> <h3><a href="other.php?cat=cinema">Кинофильмы</a></h3> <h3><a href="other.php?cat=space">Космос</a></h3> <h3><a href="other.php?cat=men">Мужчины</a></h3> <h3><a href="other.php?cat=cartoons">Мультфильмы</a></h3> <h3><a href="other.php?cat=nature">Природа</a></h3> <h3><a href="other.php?cat=sport">Спорт</a></h3> <h3><a href="other.php?cat=fantasy">Фантастика</a></h3> </div> <div id="pictures"> <table cellspacing=0 cellpadding=0 width=100% border=0> <tr> <td class=img><a href="other.php?cat=abstraction"><img src="design/index/thumbs/abstraction.jpg" width="180" height="115" class="shadow"></a>></td> <td class=img><a href="other.php?cat=aviation"><img src="design/index/thumbs/aviation.jpg" width="180" height="115" class="shadow"></a></td> <td class=img>><a href="other.php?cat=auto"><img src="design/index/thumbs/auto.jpg" width="180" height="115" class="shadow"></a></td> </tr> <tr> <td class=img><a href="other.php?cat=anime"><img src="design/index/thumbs/anime.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=city"><img src="design/index/thumbs/city.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=girls"><img src="design/index/thumbs/girls.jpg" width="180" height="115" class="shadow"></a></td> </tr> <tr> <td class=img><a href="other.php?cat=animals"><img src="design/index/thumbs/animals.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=games"><img src="design/index/thumbs/games.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=cinema"><img src="design/index/thumbs/cinema.jpg" width="180" height="115" class="shadow"></a></td> </tr> <tr> <td class=img><a href="other.php?cat=space"><img src="design/index/thumbs/space.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=men"><img src="design/index/thumbs/men.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=cartoons"><img src="design/index/thumbs/mult.jpg" width="180" height="115" class="shadow"></a></td> </tr> <tr> <td class=img><a href="other.php?cat=nature"><img src="design/index/thumbs/nature.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=sport"><img src="design/index/thumbs/sport.jpg" width="180" height="115" class="shadow"></a></td> <td class=img><a href="other.php?cat=fantasy"><img src="design/index/thumbs/fantasy.jpg" width="180" height="115" class="shadow"></a></td> </tr> </table> </div> </div> <div id="footer"> <p>Данный сайт представляет собой частную коллекцию. Размещённые на сайте фотографии, обои для рабочего стола и другие материалы являются собственностью их авторов. Коммерческое использование возможно только с их разрешения. Любая фотография, размёщённая на сайте <a href="index.php">wpwh.ru</a>, может быть удалена по запросу автора.</p> <p align="center"><em>©</em> <a href="index.php">wpwh.ru</a> 2010</p> </div> </body> </html> Вот стили: * { margin: 0; } img.bg { height: 100%; min-width: 1000px; min-height: 500px; width: 100%; position: fixed; top: 0; left: 0; z-index: -2; } #head { width:670px; height:228px; padding: 5px 0px 0px 350px; margin-left:auto; margin-right:auto; } #glass1 { position:fixed; z-index:-1; width: 1000px; height: 100%; background-color: #FFF; left:50%; margin:0 0 0 -500px; opacity: 0.7; -webkit-box-shadow:#333 10px 0px 4px; } #glass2 { position:fixed; z-index:-1; width:1000px; height:100%; left:50%; margin:0 0 0 -500px; -webkit-box-shadow:#333 -10px 0px 4px; } #two-in-one { width: 1000px; margin-left:auto; margin-right:auto; padding: 0px 0px 0px 20px; } #category { width: 200px; float:left; padding:10px 0px 0px 0px; } #pictures { margin-left:200px; text-align:center; } #footer { text-align: justify; padding:15px 15px 15px 15px; text-indent:20px; clear:both; } img.shadow { -webkit-box-shadow:#333 20px 20px 4px; border-radius:20px; margin:0px 0px 30px 0px; } h3 { margin-bottom: 5px; font-family: Verdana, Geneva, sans-serif; font-weight: 100; font-size:15px; text-shadow:#333 20px 20px 3px; } a { color: #000; text-decoration:none; } Всё внимание к блоку <div id="pictures">. Мне нужно применить свойство border-radius и border для одного из элементов <div id="pictures">.Чтобы получить рамку вокруг изображения с возможностью регулировки отступа от этой рамки до изображения. К самому <img> рамку никак не приделать, потому что сдвигается тень. К <a> тоже не получается, потому что вся область под рамкой позиционируется как ссылка. Остаётся <td class="img">. Рамка получается, но она идёт по границе ячейки и примыкает к рамке следующей ячейки. Можно ли как-нибудь отодвинуть ячейки друг от друга? Чтобы рамки были на каком то расстоянии друг от друга. P.S. А если пустой див слой вставить в ячейку и сделать на нём рамку, можно ли как-нибудь подогнать эту рамку в нужное место. Через абсолютное позиционирование не получается, потому что оно относительно краёв окна задаётся. А мне бы относительно ячейки...=/
-
Спасибо ) Так и сделал. Захожу сюда, а тут уже ответ. =) Оперативно. psywalker, rediskavet большое спасибо.
-
http://kinopisk.ru/, http://robertnyman.com/ Вот эти сайты посмотри. Там центральный блок фиксированной шириный и от него тень в обе стороны падает. На кинопоиске просто бг замостили, а на 2 сайте я не могу понять как.
-
Нет. Опять не то. Я ти использую это свойство, НО эта тень только с 2 сторон. А мне нужно, чтобы тень от этого элемента падала во все 4 стороны. Не только верхняя и правая грань, например, а все от всех четырёх граней.
-
Извините конечно, но вариант какой-то не очень. ) Тень выглядит не очень красиво. Может перефразировать вопрос так: Можно ли как нибудь с помощью свойств box-shadow создать тень с обеих сторон?
-
Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/
-
Упс. Удалите тему пожалуйста. Проблема решилась сама собой. Это из-за имени файла глюк в CSS был. О. Спасибо большое. Интересный вариант. Надо на заметку взять. )
-
Здравствуйте. Вот возник вопрос, который никак не могу решить. И не знаю, можно ли вообще это осуществить. У меня разрешение экрана 1680*1050. Есть сайт. Фиксированный дизайн шириной 1000px по центру. На задний фон хотел впихнуть картинку.Но максимальная картинка какая влазит, это шириной 1680. Думал 2560 запихать, но её не отображает. Вот и хотел узнать: можно ли как-нибудь засунуть в бэкграунд картинку 2560*1600 расположив её по центру. Чтобы подходило всем, вплоть до этого разрешения. Делаю я вот так: body { background: url(blackwood.png); background-attachment: fixed; background-repeat: no-repeat; background-position:center; }
-
Как же ты 3 месяца учишь, если ни разу не запускал html? Без практики, книги читаешь что ли?
-
Здравствуйте. Вот возник вопрос, прям не знаю куда с ним сунуться. Почему то мне кажется, что это к JS, но я о нём почти ничего не знаю и решил задать сюда. В общем у меня есть 5 ссылок. Под ними есть флажок (checkbox) из тега <input>. Я хочу, чтобы если пользователь поставит этот флажок, мои ссылки вели уже в другое место. То есть чтобы в реальном времени они изменились. Для изменения ссылок я могу на РНР написать скриптик, но как мне передать этому скрипту параметр без обращения к серверу и без обновления вёб-страницы?
-
Большое спасибо. =) У меня сайт на ПХП, так что придётся делать скриптом.
-
Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и HTML? Без применения java и PHP?
-
Народ, помогите кто чем может. Никак не могу совладать с этой проблемой. В IE у меня всё отображается нормально, а в остальные браузеры делают непонятный отступ. =/ Вот примеры: - Это в IE - Это в Opera, Safari, Chrome, Firefox. Обратите внимание на отступ от одного изображения до другого. Все эти изображения в одной большой таблице: <table cellspacing=0 cellpadding=0 width=100% border=0>. И потом каждое изображение вот с таким кодом: <td align=center><table cellpadding=0 cellspacing=0 class=table_img align=center> <tr> <td class=img_topleft></td> <td class=img_top></td> <td class=img_topright></td> </tr> <tr> <td class=img_left width=13px></td> <td class=img><a href=full.php?cat=$cat&img=$image target=_blank><img src=files/thumbs/$cat/$image width=240px height=150px></a></td> <td class=img_right width=13px></td> </tr> <tr> <td class=img_bottomleft></td> <td class=img_bottom></td> <td class=img_bottomright></td> </tr> </table></td> CSS файл вот: *{ margin:0; padding:0; border:0;} #head { width:100%; height:121px;} #menu { width:100%; text-align:center; padding:5px 0px; background-color: #39F;} #razdelitel { width:100%; height:25px; background-color: #36F;} #category { width: 200px; float:left; padding:10px 0px 0px 15px;} #pictures { margin-left:215px; text-align:center;} #footer { text-align: justify; background-color: #CCC; padding:15px 15px 15px 15px; text-indent:20px;} h3 { margin-bottom: 5px; } a { color: #333; text-decoration:none;} .table_img{font: 8pt tahoma, arial;color:#254571;text-decoration:none;border: 0px; height: 176px; width: 266px;} .img{border : 0px;} .img_topleft{border : 0px;background-image: url(phpPortalen/img_topleft.gif);background-repeat: no-repeat; width:13px;height: 13px;} .img_top{border : 0px;background-image: url(phpPortalen/img_top.gif);background-repeat: repeat-x;height: 13px;} .img_topright{border : 0px;background-image: url(phpPortalen/img_topright.gif);background-repeat: no-repeat;width:13px;height: 13px;} .img_left{border : 0px;background-image: url(phpPortalen/img_left.gif);background-repeat: repeat-y; width:13px;} .img_right{ border : 0px;background-image: url(phpPortalen/img_right.gif);background-repeat: repeat-y; width:13px;} .img_bottomleft{border : 0px;font: 8pt tahoma, arial;background-image: url(phpPortalen/img_bottomleft.gif);background-repeat: no-repeat; width: 13px;height: 13px;} .img_bottom{border : 0px;background-image: url(phpPortalen/img_bottom.gif);background-repeat: repeat-x;height: 13px;} .img_bottomright{border : 0px;background-image: url(phpPortalen/img_bottomright.gif);background-repeat: no-repeat; width:13px;height: 13px;} .stats { text-align:center;} Стоит вот такой тип документа: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Подскажите. Может кто-нибудь встречался с подобной проблемой? Откуда могут "ноги расти"? Что понимает/не понимает IE в отличие от остальных браузеров?
-
Решил задать вопрос тут, чтобы не мусорить. Вроде глупый вопрос, и где то видел как это делать, но никак не могу найти/вспомнить. <html> <head> <style type="text/css"> #category { width: 200px; float:left; background-color: red; } #pictures { height:1000px; margin-left:200px; background-color: green;} </style> <title>...</title> </head> <body> <div id=category> </div> <div id=pictures> </div> </body> </html> Вот есть такой код. Как сделать так, чтобы высота слоя #category была такой же как и слоя #pictures? Такие пикселы я поставил просто для примера. То есть мне надо чтобы по мере наполнения контентом высота обоих блоков оставалась одинаковой. Предположим в правом блоке у меня "Война и Мир" ), а в левом одно слово: Книга. И мне нужно, чтобы они заканчивались на 1 уровне. Т.е. чтобы весь левый был почти пустой... Ну надеюсь понятно объяснил.