Jump to content

inweb

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by inweb

  1. inweb

    Display:none

    Здравствуйте! Есть такой код: скрипт: <script type="text/javascript"> <!-- function show(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } function hide(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='block';} } if (d) {d.style.display='none';} } //--> </script> приминение скрипта к этой части: <div id="menu"> <ul class="top_menu_item" > <li onmouseover="java script:show('smenu2');" onmouseout="java script:hide('smenu2');">О компании</li> <ul id="smenu2" class="sub"> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> </ul> <li onmouseover="java script:show('smenu1');" onmouseout="java script:hide('smenu1');">продукция</li> <ul id="smenu1" class="sub"> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> </ul> </ul> как сделать так, чтоб по уходу мыши с "продукции" и "о компании" снова sub исчезали? я уже попытался проэкспериментировать, получается следующее: водишь по пунктами выпадает то что нужно, уходищь с пункта меню отсается выпадающее поле от соседнего пункта помогите, пожалуйста.
  2. будет примерно так <div id="content">content и ссылка в нём, которая "проявляет" контент</div> <div id="hide">тескт который скрыт</div>
  3. Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!
  4. Огромное спасибо всем!
  5. Вот "This page is not Valid XHTML 1.0 Strict!" я не понимаю что он хочет (в обоих случаях он выделяет жирным ковычки:
  6. я искал и тоже нашел решение в интере <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <Head> <Title>Test</Title> <Style> html, body { height:100%; margin:0; } html>body { min-height:100%; height:auto; } body { position:relative; } #footer { position:absolute; bottom:0; width:100%; } #main { padding-bottom:50px; } #header, #footer { color:white; background:green; height:50px; } </Style> <Body> <div id="header">Header</div> <div id="main"> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> </div> <div id="footer">Footer</div> вот здесь оригинал
  7. Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 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