PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи

Страниц (12): « 1 [2] 3 4 5 6 7 8 9 ... » В конец

> Найдено сообщений: 172
strengerst Отправлено: 08 Октября, 2014 - 12:48:21 • Тема: как сделать что бы событие происходило после 6 кратного нажатия кнопки мыши в jquery • Форум: JavaScript & VBScript

Ответов: 3
Просмотров: 662
 как сделать что бы событие происходило после 6 кратного нажатия кнопки мыши в jquery, допустим показать блочный элемент который был до этого скрыт только после 6 кратного счелчка по заданому объекту. Вроде как объект event это может отследить.
strengerst Отправлено: 07 Октября, 2014 - 14:10:53 • Тема: Как добавлять текст в поле TEXTAREA по нажатию кнопки • Форум: JavaScript & VBScript

Ответов: 5
Просмотров: 1661
RickMan пишет:
Вы читали описание функции html?
Сделайте так: http://jsfiddle[dot]net/dj1c861L/



Спасибо получилось.
strengerst Отправлено: 07 Октября, 2014 - 13:28:23 • Тема: Как добавлять текст в поле TEXTAREA по нажатию кнопки • Форум: JavaScript & VBScript

Ответов: 5
Просмотров: 1661
 Есть поле textarea в html и кнопка с классом "knopa3" при нажатии на кнопку в поле textarea должен должен добавляться некий текст но он у меня добавляться только один раз и то когда поле пустое а к тексту не добавляться то есть когда в textarea уже что то набрано. Что я делаю не так? и как будет правильно.

CODE (javascript):
скопировать код в буфер обмена
  1. $(".knopa3").click(function(){$("textarea").html(" <p>Hello</p>")})
  2.  
strengerst Отправлено: 21 Сентября, 2014 - 09:46:51 • Тема: В IE8 нарушается позиционирование. • Форум: HTML, Дизайн & CSS

Ответов: 0
Просмотров: 446
 Проблема такая во всех IE кроме IE8 позиционирование элементов нормально а в IE8 при изменении масштаба они расплываются в разные стороны. Связано это с тем что элементы имеют position:absolute; у родителя установлены свойства width:800px; height:140px; за его пределы вылазить не чего не должно но в IE8 вылазит что делать? Менять свойства на position:relative, не хочу хотя это и устраняет причину но портит остальную верстку.
strengerst Отправлено: 02 Августа, 2013 - 23:03:01 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 спасибо попробую.
strengerst Отправлено: 02 Августа, 2013 - 21:11:18 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 C
DelphinPRO пишет:
Поступим проще - я дам вам пример
Что это за код CSS вообще не понятин.
strengerst Отправлено: 02 Августа, 2013 - 20:26:23 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 Снимок
(Добавление)
DelphinPRO пишет:
Поступим проще - я дам вам пример
И как мне с ним работать. Хотябы в краце. А за пример большое спасибо, попробую разобраться.
strengerst Отправлено: 02 Августа, 2013 - 20:24:37 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. @charset "utf-8";
  3. /* CSS Document */
  4. body { background-color:#000; margin:0px;}
  5. /*Для общего дива настройка*/
  6. #osnovasayta { position:relative;width:100%; margin:0px;  padding:0px;}
  7. #verhniyblock{background-color:#936;width:600px; height:60px}
  8. /*Для хедера верхнего настройка*/
  9. .menu{display:block;background-color:#936;width:600px; height:50px;border-top-style:dashed; border-top-width:thin; border-top-color:#FFF; clear:both}
  10. /*Для верхней линии настройка*/
  11. .menu ul{ position:absolute; }
  12. .menu > li { float:left; position:relative;} /* позиционирование для дочерних пунктов */
  13. .menu ul li{ list-style-type:none;display:block;margin:0px;padding:0px;color:#FC9; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; background-color:#936; width:120px; border:dotted; }
  14. a{cursor:pointer; text-decoration:none;color:#FFF;}
  15. /*/////////////////////////////////////////////////////////////////////////////////////////*/
  16. #knopa{color:#FC9; background-color:#C63; width:50px; height:28px; float:right;}
  17. #nachinka {width:600px;height:300px;background-color: #C9C; clear:both; }
  18. #nachinkadanuch{width:120px;height:300px;background-color:#633;float:right}
  19. #levoemenu{width:360px; height:300px;background-color:#C68; float:right; }
  20. #levoemenu1{width:120px; height:300px;background-color:#C66; float:left; }
  21. #nigneyemenu{width:600px; height:40px;background-color:#C99}
  22.  
  23.  



CODE (html):
скопировать код в буфер обмена
  1.  
  2. <body>
  3. <div align="center" id="osnovasayta"><!--Konteyner1-->
  4. <div id="verhniyblock"></div>
  5. <div  class="menu">
  6. <ul>
  7. <li><a href="#">Menu1</a></li>
  8. <li><a href="#">Menu2</a></li>
  9. <li><a href="#">Menu3</a></li>
  10. <li><a href="#">Menu4</a></li>
  11. <li><a href="#">Menu5</a></li></ul>
  12. <ul>
  13. <li><a href="#">Menu1</a></li>
  14. <li><a href="#">Menu2</a></li>
  15. <li><a href="#">Menu3</a></li>
  16. <li><a href="#">Menu4</a></li>
  17. <li><a href="#">Menu5</a></li></ul>
  18. <ul>
  19. <li><a href="#">Menu1</a></li>
  20. <li><a href="#">Menu2</a></li>
  21. <li><a href="#">Menu3</a></li>
  22. <li><a href="#">Menu4</a></li>
  23. <li><a href="#">Menu5</a></li></ul>
  24. <ul>
  25. <li><a href="#">Menu1</a></li>
  26. <li><a href="#">Menu2</a></li>
  27. <li><a href="#">Menu3</a></li>
  28. <li><a href="#">Menu4</a></li>
  29. <li><a href="#">Menu5</a></li></ul></div>
  30.  
  31. <!--<div id="knopa">Вход</div>-->
  32. <!--Konteyner2-->
  33. <div id="nachinka" align="left">
  34. <!--Konteyner3-->
  35. <div id="nachinkadanuch"></div><!--Konteyner5-->
  36. <div id="levoemenu"></div>
  37. <div id="levoemenu1"></div>
  38.  
  39. </div><!--Konteyner3-->
  40. <div id="nigneyemenu"></div><!--Konteyner6-->
  41.  
  42. </div><!--Konteyner1-->
  43. </body>
  44.  
  45.  
Не чего не получилось.(
strengerst Отправлено: 02 Августа, 2013 - 20:09:42 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 Подождите не уходите счас исправлю покажу что получится.
strengerst Отправлено: 02 Августа, 2013 - 20:02:01 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
DelphinPRO пишет:
вложенные скрываем и вырываем из потока
CODE (css):
скопировать код в буфер обмена
.menu ul {  dislay:none;  position:absolute;}


А как вы выравняете при такой позиции. Он же к левому краю будет липнуть.
strengerst Отправлено: 02 Августа, 2013 - 19:59:08 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 о
strengerst Отправлено: 02 Августа, 2013 - 19:57:52 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 Ну скинь сылку если это ужас прочитаю. Чего там ужасного.
strengerst Отправлено: 02 Августа, 2013 - 19:52:39 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 Перед html выложил.
(Добавление)
CODE (html):
скопировать код в буфер обмена
  1.  
  2.  
  3. body { background-color:#000; margin:0px;}
  4.  
  5. /*Для общего дива настройка*/
  6.  
  7. #osnovasayta { position:relative;width:100%; margin:0px;  padding:0px;}
  8.  
  9. #verhniyblock{background-color:#936;width:600px; height:60px}
  10.  
  11. /*Для хедера верхнего настройка*/
  12.  
  13. #verhmenu{ position:relative; display:block;background-color:#936;width:600px; height:50px;border-top-style:dashed; border-top-width:thin; border-top-color:#FFF;}
  14.  
  15. /*Для верхней линии настройка*/
  16.  
  17.  
  18.  
  19.  
  20.  
  21. ul{ margin:0px;padding:0px;float:left; color:#FC9; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; background-color:#936; width:120px; border:dotted;}
  22.  
  23.  
  24.  
  25. li{ list-style-type:none;display:block; }
  26.  
  27. a{cursor:pointer; text-decoration:none;color:#FFF;}
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. /*/////////////////////////////////////////////////////////////////////////////////////////*/
  36.  
  37. #knopa{color:#FC9; background-color:#C63; width:50px; height:28px; float:right;}
  38.  
  39. #nachinka {width:600px;height:300px;background-color: #C9C; clear:both; }
  40.  
  41. #nachinkadanuch{width:120px;height:300px;background-color:#633;float:right}
  42.  
  43. #levoemenu{width:360px; height:300px;background-color:#C68; float:right; }
  44.  
  45. #levoemenu1{width:120px; height:300px;background-color:#C66; float:left; }
  46.  
  47. #nigneyemenu{width:600px; height:40px;background-color:#C99}
  48.  
strengerst Отправлено: 02 Августа, 2013 - 19:42:28 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 Не получилось, так как у дочернего элемента стоит свойств float и оно все сместило. Все стало одной линией.
(Добавление)
css код.
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. body { background-color:#000; margin:0px;}
  3. /*Для общего дива настройка*/
  4. #osnovasayta { position:relative;width:100%; margin:0px;  padding:0px;}
  5. #verhniyblock{background-color:#936;width:600px; height:60px}
  6. /*Для хедера верхнего настройка*/
  7. #verhmenu{ position:relative; display:block;background-color:#936;width:600px; height:50px;border-top-style:dashed; border-top-width:thin; border-top-color:#FFF;}
  8. /*Для верхней линии настройка*/
  9.  
  10.  
  11. ul{ margin:0px;padding:0px;float:left; color:#FC9; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; background-color:#936; width:120px; border:dotted;}
  12.  
  13. li{ list-style-type:none;display:block; }
  14. a{cursor:pointer; text-decoration:none;color:#FFF;}
  15.  
  16.  
  17.  
  18. /*/////////////////////////////////////////////////////////////////////////////////////////*/
  19. #knopa{color:#FC9; background-color:#C63; width:50px; height:28px; float:right;}
  20. #nachinka {width:600px;height:300px;background-color: #C9C; clear:both; }
  21. #nachinkadanuch{width:120px;height:300px;background-color:#633;float:right}
  22. #levoemenu{width:360px; height:300px;background-color:#C68; float:right; }
  23. #levoemenu1{width:120px; height:300px;background-color:#C66; float:left; }
  24. #nigneyemenu{width:600px; height:40px;background-color:#C99}
  25.  

(Добавление)
html код.
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <body>
  3. <div align="center" id="osnovasayta"><!--Konteyner1-->
  4. <div id="verhniyblock"></div>
  5. <div id="verhmenu">
  6. <ul>
  7. <li><a href="#">Menu1</a></li>
  8. <li><a href="#">Menu2</a></li>
  9. <li><a href="#">Menu3</a></li>
  10. <li><a href="#">Menu4</a></li>
  11. <li><a href="#">Menu5</a></li></ul>
  12. <ul>
  13. <li><a href="#">Menu1</a></li>
  14. <li><a href="#">Menu2</a></li>
  15. <li><a href="#">Menu3</a></li>
  16. <li><a href="#">Menu4</a></li>
  17. <li><a href="#">Menu5</a></li></ul>
  18. <ul>
  19. <li><a href="#">Menu1</a></li>
  20. <li><a href="#">Menu2</a></li>
  21. <li><a href="#">Menu3</a></li>
  22. <li><a href="#">Menu4</a></li>
  23. <li><a href="#">Menu5</a></li></ul>
  24. <ul>
  25. <li><a href="#">Menu1</a></li>
  26. <li><a href="#">Menu2</a></li>
  27. <li><a href="#">Menu3</a></li>
  28. <li><a href="#">Menu4</a></li>
  29. <li><a href="#">Menu5</a></li></ul></div>
  30.  
  31. <!--<div id="knopa">Вход</div>-->
  32. <!--Konteyner2-->
  33. <div id="nachinka" align="left">
  34. <!--Konteyner3-->
  35. <div id="nachinkadanuch"></div><!--Konteyner5-->
  36. <div id="levoemenu"></div>
  37. <div id="levoemenu1"></div>
  38.  
  39. </div><!--Konteyner3-->
  40. <div id="nigneyemenu"></div><!--Konteyner6-->
  41.  
  42. </div><!--Konteyner1-->
  43. </body>
  44.  
По умалчанию li{ list-style-type:none;display:none;}
strengerst Отправлено: 02 Августа, 2013 - 19:33:44 • Тема: float и z-index, как заставить работать в паре. • Форум: HTML, Дизайн & CSS

Ответов: 22
Просмотров: 3791
 У меня мокет выстроен, но список который в дальнейшем должен при наведеннии выежать у меня стоит в dipley:none; а когда я его для проверки выcтавляю в display:block; то он смещает нижнею часть. Думал устранить z-index. Чтобы он на позицию был выше. Но не получилось.

Страниц (12): « 1 [2] 3 4 5 6 7 8 9 ... » В конец
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB