Jump to content

DivMan

User
  • Posts

    1,734
  • Joined

  • Last visited

  • Days Won

    20

Everything posted by DivMan

  1. дал бы пример какого-нибудь сайта
  2. Я так понял, когда указываешь position:absolute; для дива или для параграфа, вся рамка, независимо , где она была, поднимается вверх и прижимается к левому углу, а потом указываешь офсет, куда ей надо двигаться. Я правильно понял???
  3. я думал кто прочитал книгу Дакетта, тот поймёт про какую яву я написал у меня полно этих курсов, пол складчика перекачал
  4. А какое отношение Java имеет к CSS? ява скрипт
  5. Сейчас учусь по книге Джон Дакетт Основы веб-программирования с использованием html xhtml и css. Почти закончил изучение css, яву пока учить не буду, а хочу углубиться в css. У меня ещё есть книга CSS. Рецепты программирования, но пролистав её по ней я пока что учиться не хочу, там просто показаны примеры и в них очень много свойств из CSS 3 про которые я не знаю и в ней не написаны, как работают эти свойства, а просто показаны примеры. Какую книгу посоветуете??? Не люблю читать за компом
  6. DivMan

    visibility

    спасибо, opacity к какому разделу относится?
  7. DivMan

    visibility

    а как тогда сделать?
  8. DivMan

    visibility

    Почему при наведении на ссылку она не показывается?? http://jsfiddle.net/dMZHM/
  9. DivMan

    меню htmlbook

    а как убрали нижнюю прокрутку?
  10. прокрутное меню сделано с помощью overflow???
  11. не правильно написал айдишники setEqualHeight($("#sidebar_L,#sidebar_R,#content"));
  12. Почему не выравниваются колонки?? помогите найти причину <!DOCTYPE html><html> <head> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ function setEqualHeight(columns){ var tallestcolumn = 0; columns.each(function(){ currentHeight = $(this).height(); if(currentHeight > tallestcolumn){ tallestcolumn = currentHeight; } }); columns.height(tallestcolumn); } setEqualHeight($("#sidebar_L,#sidebar_R,#content")); }); </script> <style> #wrapper{ width: 800px; outline:1px solid #cccccc; padding: 10px; margin: 0 auto; }#header{ height:77px; background:#f8ac18; margin-bottom: 12px;}#sidebarL{ background:#ebebeb; margin-bottom: 12px; width: 150px; float: left;}#sidebarR{ background:#ebebeb; margin-bottom: 12px; width: 150px; float: right;}#content{ background:#c5161d; margin: 0 auto 12px auto; width: 480px; margin-left: 160px;}#footer{ height:77px; background:#111111; margin-bottom: 12px;}.clear{ clear:both;} </style> </head><body> <div id="wrapper"> <div id="header"></div> <div id="sidebarL">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet, risus et lobortis suscipit, est nisl congue turpis, et vestibulum nisi libero a mauris. Praesent varius volutpat ipsum, nec scelerisque dolor vehicula ut. Curabitur ut enim sit amet sapien interdum gravida eget quis nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a lectus faucibus, tempus tellus blandit, bibendum leo. Nam dictum libero eget placerat eleifend. Praesent nisl neque, tempus at pharetra ut, euismod non felis. Fusce commodo erat leo, sed molestie erat pretium ac. Etiam sit amet pretium purus, sed scelerisque enim. Mauris ornare molestie tortor, in cursus justo sodales vel. Mauris vestibulum, lectus nec pulvinar hendrerit, turpis felis venenatis nulla, ac lacinia dui magna vel velit. Pellentesque ultricies mattis justo, nec porta enim condimentum quis. </div> <div id="sidebarR">Curabitur ut enim sit amet sapien interdum gravida eget quis nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a lectus faucibus, tempus tellus blandit, bibendum leo. Nam dictum libero eget placerat eleifend. Praesent nisl neque, tempus at pharetra ut, euismod non felis. Fusce commodo erat leo, sed molestie erat pretium ac. Etiam sit amet pretium purus, sed scelerisque enim. Mauris ornare molestie tortor, in cursus justo sodales vel. Mauris vestibulum, lectus nec pulvinar hendrerit, turpis felis venenatis nulla, ac lacinia dui magna vel velit. Pellentesque ultricies mattis justo, nec porta enim condimentum quis. </div> <div id="content">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sagittis mi justo, vel interdum orci faucibus vel. Maecenas eget massa id ligula accumsan dignissim. Curabitur ut aliquam nibh, a accumsan augue. Phasellus sollicitudin erat in tempor condimentum. Sed tincidunt fringilla nunc id ullamcorper. Aliquam a turpis est. Ut turpis erat, mollis vitae massa vel, fermentum elementum orci. Morbi ultrices leo a sollicitudin bibendum. Curabitur auctor quam sit amet nulla molestie, non dignissim mi dapibus. Sed laoreet nec libero sit amet gravida. Nulla lacinia velit sed lorem interdum, vel pulvinar diam euismod. Mauris pellentesque mi in ipsum fermentum, sit amet rutrum ligula aliquet. </div> <div class="clear"></div> <div id="footer"></div> </div> </body></html>а почему в здесь выравнивается, в чём разница??? <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ function setEqualHeight(columns){ var tallestcolumn = 0; columns.each(function(){ currentHeight = $(this).height(); if(currentHeight > tallestcolumn){ tallestcolumn = currentHeight; } }); columns.height(tallestcolumn); } setEqualHeight($("#content,#sidebar")); }); </script> <style> div { border: solid 1px gray; width: 100px; float: left; } </style> </head> <body> <div id="content">asdgas dgasdgas dgasgd asdg asdg asdg asdg asd asg asdgas dgasg asdg asdg asdg asdg </div> <div id="sidebar">as dgasd gasdg asd asd asdg asdg asdg asd gasdg asd</div> </body></html>
  13. Хочу 3 блока выровнять, что бы были все одной высоты через javascript, но почему-то они не выравниваются, помогите найти причину. Вроде я всё правильно указал Файл находится в папке js _________________________________________________________________________________________________________ Файл index Папка с сайтом http://yadi.sk/d/AeesgXxbF7Ffn
  14. выложите пожалуйста правильный код
  15. Попытался сделать лёгкий каркас сайта. Напишите мне, есть ли у меня в коде какие-то ошибки и правильно ли я использовал свойство float? И как убрать выходящие рамки по бокам? http://jsfiddle.net/WKC3v/ <!DOCTYPE html><html> <head> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head><body> <div id="main"> <div id="header"><p>шапка</p></div> <div id="Nav"><p>Навигация</p></div> <div id="content"><p>контент</p></div> <div id="footer"><p>подвал</p></div> </div> </body></html>body{margin:0}p{ text-align:center;}#main{ width:600px; height:300px; border: 1px solid; margin: 0 auto;}#header{ height:70px; border: 1px solid; background:green;}#Nav{ width: 150px; height: 200px; border: 1px solid; background: blue; float:left;}#content{ height:300px; border: 1px solid; background:red; }#footer{ height: 50px; border: 1px solid; background:#525252;}
  16. http://www.ozon.ru/context/detail/id/20053163/
  17. нет Не согласен. WebkitP.S. Не успел P.S.S. Да у меня еще и реализация хуже. в мозиле не работает
×
×
  • 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