Jump to content

psywalker

Moderator
  • Posts

    13,707
  • Joined

  • Last visited

  • Days Won

    58

Everything posted by psywalker

  1. position:relative; - вместо релатива используй абсолют.
  2. overflow:hidden; должно помочь.
  3. Да мужики, успокойтесь вы, харош парится, пора перекусить. Добрый дядя psywalker вам приготовил завтрак. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Селекты - Вузы</title> <style type="text/css"> *{ margin: 0; padding: 0;} select { float: left; margin-right: 30px;} </style> </head> <body> <div id="wrap"> <select onchange="creat()" id="sel1"> <option value="">Выбрать город</option> <option value="1">Москва</option> <option value="2">Питер</option> <option value="3">Самара</option> </select> <select onchange="selector()" id="sel2"> <option value="">Выбрать Свойство</option> </select> </div> <script type="text/javascript"> var selected1 = document.getElementById('sel1'); var selected2 = document.getElementById('sel2'); var div = document.getElementById('wrap'); var op = selected1.options; var op2 = selected2.options; op[0].setAttribute('selected','selected'); selected2.style.display = 'none'; var number = 1; var choice = []; var address = []; address[0] = []; address[1] = [ 'http://htmlbook.ru/css/border-bottom', 'http://htmlbook.ru/css/border-bottom-color', 'http://htmlbook.ru/css/border-color', 'http://htmlbook.ru/css/border-left-width' ] address[2] = [ 'http://htmlbook.ru/css/clear', 'http://htmlbook.ru/css/float', 'http://htmlbook.ru/css/font-family', 'http://htmlbook.ru/css/font-size' ] address[3] = [ 'http://htmlbook.ru/css/list-style-image', 'http://htmlbook.ru/css/margin', 'http://htmlbook.ru/css/min-height', 'http://htmlbook.ru/css/padding-left' ] choice[0] = ['Выбрать вуз']; choice[1] = [ 'border-bottom', 'border-bottom-color', 'border-color', 'border-left-width' ] choice[2] = [ 'clear', 'float', 'font-family', 'font-size' ] choice[3] = [ 'list-style-image', 'margin', 'min-height', 'padding-left' ] function creat(){ var n = selected1.selectedIndex; number = n; var value = op[n].value selected2.style.display = 'block'; for(var i = op2.length-1;i>=1;i--){ op2[i].parentNode.removeChild(op2[i]) } for(var i=0;i<address[n].length;i++){ var option = document.createElement('option'); option.setAttribute('value',address[n][i]); option.innerHTML = choice[n][i]; selected2.appendChild(option); } op2[0].setAttribute('selected','selected'); } function selector(){ var n = selected2.selectedIndex; document.location = address[number][n]; } </script> </body> </html>
  4. Могу тебя утешить, ты, как минимум не один такой. Я книги читать пытаюсь, но мне пока не объяснишь на пальцах сто раз одно и то-же, так-же не пойму нихера)) Насчёт идеи, чуть позже накидаю вариант, в течении двух часов где-то. Ааа, ты про лекарство что-ли) Ну его то я знаю. А у тя чё, горло болит чтоли или приболел камрад?
  5. А я бы вообще отказался от JQ, и замутил бы всё на чистом JS, сделав двумерный массив с адресами учреждений. Потом бы на фоне него уже возможно даже фабрично создал бы все селекты, а адреса сами запихнул бы в значение value;. Далее по событию onchange ссылался бы на selectedIndex - value; Great Rash идея говно? Какое Терафлю?)
  6. Всё о том же дружище, о том же. Вот так, на этом многие начинающие веб-мастера накалываются. Как вариант
  7. Да она походу ещё будет начинаться и заканчиваться не один раз))
  8. Да, вопрос хороший, поддерживаю. Для начала нужно определиться, зачем это нужно. id="x" class="y" - такая запись может где-то помочь, а может например сделать только хуже, а может вообще тупо создать лишний код. Вот представь себе, у тебя на поляне есть 10 одинаковых по содержанию блоков, которые в принципе должны иметь общие стили. Всё повесить на id="x" ты не сможешь, так как id должен быть уникальным в пределах документа. А ещё есть такая штука - Специфичность, благодаря которой например повесив на элемент с id="x" зелёный фон, ты уже не сможешь его переопределить назначив хоть 5 классов у этого-же элемента и повесив на них фон красного цвета, так как Специфичность у ID намного превосходит Специфичность класса. Как сказал-бы один великий гуру, id оставь для JS, а для остального классы. А вообще всё надо делать с умом...ну ты в курсе.
  9. Нее дружище, к сожалению времени нет совсем. Да и ты уже итак получил много советов и критики. Сделай как сможешь, а мы поглядим. Сделай резиновую вёрстку.
  10. Это не мне надо спасибо говорить, а нашим профи местным
  11. Лови дружище http://forum.htmlbook.ru/index.php?showtop...mp;#entry165353
  12. Наверняка блоки не резиновые. Это плохо. Остаётся как то исправить ситуацию, поставив min-width: , но это халтура брат.
  13. позиционировать надо через позиционирование)
  14. А покажи страницу с решением.
  15. Помоему он сам по себе уже повторяющийся.
  16. psywalker

    ul и h3

    Вот это другое дело
  17. Лови дружище <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> body{ margin:0; min-width:600px; _width:expression(document.documentElement.clientWidth < 600 ? "600px" : "auto"); } #wrapper{ width:100%; position:relative; overflow:hidden; } .w1{ float:left; position:relative; left:50%; width:100%; min-width:800px; _width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); } .w2{ float:left; position:relative; left:-50%; width:100%; } #content{ overflow:hidden; height:1%; padding:0 10px; } #left{ width:100px; float:left; } </style> </head> <body> <div id="wrapper"> <div class="w1"> <div class="w2"> <div id="left"> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea.</p> </div> <div id="content"> <p>Lorem ipsum dolor sit amet consectetuer consequat Vestibulum vitae mi Morbi. Sem et quis tempor at et urna Vestibulum pellentesque eu Nam. Pharetra sed nec Aliquam nibh elit Vivamus Donec Suspendisse convallis nibh. Consequat pellentesque fringilla lacinia condimentum Ut leo id gravida.</p> </div> </div> </div> </div> </body> </html>
  18. psywalker

    Меню

    Дружище, послушай. Тебе бы начать нужно с азов. Купи себе книжку для начала по HTML, и читай, практикуйся.
  19. psywalker

    Меню

    http://psywalker.ru/Forum/Menu/Daur-Menu/main-page.html
  20. Ну это да, но я просто к тому, что в Озоне например как то быстро всё привозят и точно в оговоренный срок.
  21. Я не знаю, всегда в Озоне всё заказывал, никогда не динамили и всё быстро привозили.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy