Jump to content

barman

User
 View Profile  See their activity

  • Posts

    41

  • Joined

  • Last visited

 Content Type 

Everything posted by barman

  1. barman
    Почему выполняется код заключенный в теги <code>? Мне нужно, чтобы он просто отображался как текст. <!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"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>php</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <p class="to"> <code> <?php phpinfo (); ?> </code> </p> </body> </html> .to { margin-top: 5px; /* background: #85A5CC; */ background: #FFFFFF; padding: 5px; border-radius: 5px; font-family: Monospace; font-size: 10pt; } Кстати, всем привет! Давно тут не был
  2. barman
    не, бар должен быть фиксирован ________________________________________ завтра попробую так сделаю див #top помещу в него #bar задам #top высоту 80px, #bar 60px центрую по вертикали #bar внутри #top а теперь самое главное, задам #top тот же фон что и у body , и будет казатся что фон целый вставляю остальной код #wrap и #text юпи! теперь при прокрутки серый блок #text не будет виден под фоном блока #top buddah предлагал два блока перед и после #bar, но с фоном был бы геморой
  3. barman
    Так а почему нельзя у блока серого сделать осттуп сверху? дело в том что он есть. кстати на скрине я поскролил вниз
  4. barman
    Да там ничего не нужно исправлять, там нужно чтото добавить. Чтобы содержимое блока не было видно за зеленой границей(скрин)
  5. barman
    Ты уже решил? нет. мне кажется моя задумка посредствам хтмл и ксс не реальна =)
  6. barman
    Тему закрываем?
  7. barman
    1)не могу отказаться от отступа 2)бар полупрозрачный в оригинале да я знаю что при моем коде все так и должно быть мне просто интересно как реализовать мою задумку, что добавить в код для этого Есть одна идея - поставить верхний кусочек (между синим и верхней границей браузера) тоже блоком с fixed и задать ему бекграунд как у фона. не в оригинале бэкграунд с облаками и при том еще растягивается по размеру браузера cover
  8. barman
    1)не могу отказаться от отступа 2)бар полупрозрачный в оригинале да я знаю что при моем коде все так и должно быть мне просто интересно как реализовать мою задумку, что добавить в код для этого
  9. barman
    мне нужен фиксированный #bar. если бы он не был фикс то я не открывал бы этот топик
  10. barman
    не то.
  11. barman
    Ну значит сделай от верха отступы сколько нужно, а не 0. я же сделал отступ margin-top у #wrap в коде посмотри ttp://jsfiddle.net/YHaSm/
  12. barman
    Снова з-индекс, не то. я плохо объяснил. на скрине: красным выделено содержимое блока, мне нужно чтобы оно не выходило за зеленую границу
  13. barman
    Так расставь всем z-index; нужный. Сделаю (хотя никогда не работал з-индексом, покурю матерьялы сайта =)). Спасибо! Сорр, если надоел =)
  14. barman
    Кстати сделал, как ты сказал http://jsfiddle.net/YHaSm/embedded/result/ Но мне не нужно, чтоб серый блок проходил под синим(покрути)
  15. barman
    Абсолют для того чтобы применить left. А я же див #wrap и так ратянул, а как его выровнить по середине? Я выровнил по середине внутренний блок #text. А скролл не на всю страницу так как в переди блок #bar http://jsfiddle.net/cCBcT/4/embedded/result/'>http://jsfiddle.net/cCBcT/4/embedded/result/ http://jsfiddle.net/cCBcT/4/ Насчет фикса передумал, ну растянул по высоте 100%, теперь скролл стал обрубком, в верхнем примере заметишь.
  16. barman
    Так, ясно, а сам блок в середине с контентом тоже должен быть на весь экран по высоте? нет. кстати, вот посмотри второй вариант: http://jsfiddle.net/YRsnZ/embedded/result/ я его не принял, так как серый блок при прокрутки виден под синим, он там белое пространство покрывает(покрутишь заметишь).
  17. barman
    Я пытаюсь сделать скролл на всю высоту браузера+сбоку, который будет крутить)) содержимое фиксированного по центру странице дива К боку получилось пришпандорить, а вот только скролл не на всю высоту браузера, он короткий и по центру края экрана.
  18. barman
    А ты же сказал, что он по высоте фикс тоже? Тогда сделай его 100% по высоте. фикс то нужен а с фиксом никак? хм трудная задачка....
  19. barman
    Спасибо psywalker! Только скролл у меня не на всю высоту браузера. Так как у меня там используется еще блок впереди. Вот: http://jsfiddle.net/cCBcT/embedded/result/ Как сделать на всю высоту страницу?
  20. barman
    нет, блок должен быть фисированный.
  21. barman
    Чего то я колдую... а у меня не получается Какой элемент, куда
  22. barman
    http://savepic.net/1343256.png
  23. barman
    Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br /> </div> </body> </html>
  24. barman
    Тема закрыта.
  25. barman
    Это скрип увеличения размера картинки при наведении на неё. Мне нужно чтобы картинка увеличивалась при нажатии на неё. (function($){ $.fn.zoomi = function() { $(this).filter("img").each(function(){ if(!this.z) { $(this).zoom1().mouseover(function(){$(this).zoom2().show();}); $(this.z).mouseout(function(){$(this).hide();}); } }); return this; } $.fn.zoom1 = function() { $(this).each(function(){ var e = this; $(e).css({'position':'relative','z-index':'8'}).after('<img class="'+e.className+'">'); e.z = e.nextSibling; $(e.z).removeClass("zoomi").addClass("zoom2").attr("src",e.alt || e.src) .css({'position':'absolute','z-index':'10'}); $(e.z).hide(); }); return this; } $.fn.zoom2 = function() { var s = []; this.each(function(){ var e = this; if(!e.z) e = $(e).zoom1()[0]; s.push(e.z); if(!e.z.complete) return; if(!e.z.width) { $(e.z).show(); e.z.width=e.z.width; $(e.z).hide(); } $(e.z).css({left:$(e).offsetLeft()-(e.z.width-e.scrollWidth)/2+'px', top:$(e).offsetTop()-(e.z.height-e.scrollHeight)/2+'px'}); }); return this.pushStack(s); } $.fn.offsetLeft = function() { var e = this[0]; if(!e.offsetParent) return e.offsetLeft; return e.offsetLeft + $(e.offsetParent).offsetLeft(); } $.fn.offsetTop = function() { var e = this[0]; if(!e.offsetParent) return e.offsetTop; return e.offsetTop + $(e.offsetParent).offsetTop(); } $(function(){ $('img.zoomi').zoomi(); }); })(jQuery); Взят от сюда - www.sunsean.com/zoomi/
×
×
  • 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

  I accept