Jump to content

Borka

Newbie
  • Posts

    24
  • Joined

  • Last visited

Everything posted by Borka

  1. вобщем теперь пишет что объект не поддерживает свойство dropShadow, какой бы я селектор не прописал
  2. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> в head правильно?
  3. Доброго времени суток . подскажите пожалуйста как подключить скрипт textShadow? На этом ресурсе нашел сам скрипт и синтаксис к нему.http://potapov.com.ua/library/34/ Делаю все как сказано <!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="styles/ie8.css" /> <script type="text/javascript" src="js/jquery.dropshadow.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".spit").dropShadow({color:"#000",left:1,top:2}); }); </script> <![endif]--> где .spit -это ссылка к которой я пытаюсь применить свойство . При запуске страницы вылезает сообщение Line 118 jQuery определение отсутствует. Что я неправильно делаю?
  4. Всем доброго времени суток. Выскажите пожалуйста замечания по поводу данной версткиhttp://boxcube.zz.mu...eum/museum.html Сразу такой вопрос, как для IE задать градиент из трех цветов? Пробовал через -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFF0000, EndColorStr=#FFFFFFFF, GradientType=1)"; filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFF0000, EndColorStr=#FFFFFFFF, GradientType=1); Но данный вариант не подходит т.к. 1) цветов три 2) при совместном применении с border-radius , border-radius отключается
  5. Корень в W:\home\localhost\www\ Ага http://css3pie.com/d...#pie-background При этом надо не забывать, что PIE нельзя применять для тегов html и body. Пасиба. несколько фонов применилось, а вот border-radius нет . может это из-за того что я его к ячейкам таблицы применяю?
  6. вот сюда закинул все W:\home\localhost\www\tablica страница , PIE , .htaccess смотрю через ие тестер - нифига не применилось. Денвер перезапускал перед этим
  7. т.е. в том каталоге где лежит моя html страница создать данный файл и прописать в него всего одну строчку AddType text/x-component .htc так? помимо нее в этом файле должно что-то быть?
  8. antonKar, запускаю страницу через Денвер . а где взять этот файл .htaccess ?
  9. типа надо через дэнвер смотреть? вобщем есть ли компоненты которые без всяких серверов могут подружить css 3 с ие ниже 9ки?
  10. кинул еще и php. толку 0
  11. Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.
  12. Проверять вёрстку в масштабе 25% - это не нормально. Вообще-то нормальная верстка, не должна ссыпаться при уменьшении размера масштаба, также при увеличении Скинь линк, посмотрим вот http://boxcube.zz.mu/copy/tablica.html . Да, и если есть замечания по верстке напиши пожалуйста Переверстай без таблиц, полностью, проблема решиться Размеры текста в px, а не pt, Вверхнее меню налезает на вверх и влево (там 100% ширина для меню), из-за этого идёт скос, еще в одной ячейке размер 60%, в другой 50%, не стыковка, и вообще, когда будешь верстать на дивах, убери из головы проценты, они не нужны, макет фиксированной ширины Меню должно быть в списках, <ul class="menu"> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> </ul> когда будешь верстать, смотри чтобы было слажено, я бы сделал так <div class="header"> <div class="logo"> <h1>Логотип</h1> <h2>Описание</h2> </div> <div class="topright"> <ul> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> <li><a href="#">Пункт</a></li> </ul> <div class="search"> </div> </div> потом стили .logo { float: left; } .topright { float: right; margin-right: 40px; background: #ccc; запиливаем радиусы, или целый background вырезаный из фотошопа } . Спасибо за проверку. буду исправлять
  13. Проверять вёрстку в масштабе 25% - это не нормально. Вообще-то нормальная верстка, не должна ссыпаться при уменьшении размера масштаба, также при увеличении Скинь линк, посмотрим вот http://boxcube.zz.mu/copy/tablica.html . Да, и если есть замечания по верстке напиши пожалуйста
  14. Проверять вёрстку в масштабе 25% - это не нормально. хах . вообще-то я и на 100% проверял. просто если ужать контент начинает выдавливаться вниз. Нужно ли это как-то исправлять если при 100% масштабе все выглядит в соответствии с psd макетом?
  15. да подскажите что с масштабированием то делать? вот так выглядит страница в хроме и опере при масштабе 25% это ведь не нормально?
  16. пасиба! все зарабатоло. не знаю как лойс то поставить в репутацию
  17. Неважно, в каком блоке. Важно, в каком контексте форматирования. Если блок не создает отдельного контекста форматирования (у него не стоит overflow:hidden, display: inline-block, float и т.п.), то float его игнорирует и проходит насквозь (если в блоке нет ничего, кроме float-а, то он «схлопывается» в ноль). Так что правильно по стандарту показывает как раз firefox, а чтобы везде было как надо, второму диву нужно поставить clear:right. второму диву это какому?
  18. <div id = 'shapka'> <div id = 'firsttable'> <table> <tr> <td width="60"> <p> <a href = '#.html'> Home </a></p> </td> <td> <p> <a href = '#.html'> About Us </a></p> </td> <td> <p> <a href = '#.html'> Contact </a></p> </td> <td class = 'blog'> <p> <a href = '#.html'> Blog </a></p> </td> <td class = 'blog'> <p> <a href = '#.html'> <img src = 'images/sirena.gif'> </a></p> </td> <td class = 'posts'> <p > Please subscribe to: <a href = '#.html'>Posts </a></p> </td> <td class = 'com' width = '30'> <p><a href = '#.html'>Comments </a></p> </td> <td class = 'email' width = '20'> <p><a href = '#.html'>Email</a></p> </td> </tr> </table> </div> </div> <div id = 'forma'> <table style = 'width: 100%;'> <tr> <td> <div id = 'box'> <p id = 'btext'>Box&Cube</p> <p id = 'stext'>CREATE & INNOVATE SOLUTIONS</p> </div> </td> <td> <form name = 'searchform' action = '#' method = 'post' class = 'ff'> <div id="search"> <div> <input type="search" name="q" value = 'введите ченить'> </div> <input type="IMAGE" src="images/s.gif" value=""> </div> </form> </td> </tr> </table> </div> вот исходник. таблица это которая (home about us ...) она обернута в div. под ним начинается другой div который Box&Cube. Т.к. float применен к таблице которая в другом блоке то обтекания не должно происходить ! Chrome правильно показывает
  19. Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в div, а значит обтекание идет вокруг таблицы .Хром получается отображает правильно. И еще такой вопрос . почему при изменении масштаба страницы в chroome содержимое дочернего блока выходит за границы, несмотря на то что у родителя стоит border?
  20. Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <div class='rod' align= 'center'> <div class = 'topt' > <p><a href = '#html'>Lets get movies</a></p> <form name = 'loic' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/mes.png' value="" id = 'l2'><label for="l1"><p>12</p></label></p> </form> </div> <div class = 'pcontent'> <img src = 'images/pic2.gif' alt= 'picture' > </div> <div class = 'tfooter'> <form name = 'star' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/star1.png' value="" ></p> <p><input type="IMAGE" src = 'images/star1.png' value="" ></p> <p><input type="IMAGE" src = 'images/star1.png' value="" ></p> <p><input type="IMAGE" src = 'images/star1.png' value="" ></p> <p><input type="IMAGE" src = 'images/star2.png' value="" ><label><p style = 'padding-top: 2px; float:right; padding-right:2px;'><a style = 'font-size: 10px;' href = '#.html'>Write a Comment</a></p></label></p> </form> </div> </div> (такой код валидацию не проходит но зато разметка получается в соответствии с макетом) собственно проблема состоит в запихивании label в контейнер <p>. Но если делать без него то текст не выравнивается в одну линию, как требуется на этих изображениях
  21. Используй 2 кавычки лучше) так читабельнее будет, и стили все в отдельный фаил, да и кстати, таблицы остались ну так осталась главная таблица. без нее никак т.к. полный блок верстки вот так вот выглядит 2) по поводу помещения в отдельный файл.. у меня большая часть стилей в одном файле. Те которые в коде не удалось корректно использовать из файла вот как в этой строчке <p><input type="IMAGE" src = 'images/star2.png' value="" id = 'l5'><label for="l1"><p style = 'padding-top: 2px; float:right; padding-right:2px;'><a style = 'font-size: 10px;' href = '#.html'>Write a Comment</a></p></label></p> не получается обратиться к тегу p и a которые в label
  22. Вот сверстал без использования вложенной таблицы . Укажите пожалуйста на недостатки в моем коде <table id = 'icon' width='100%' cellspacing="0"> <tr style = 'vertical-align:top;'> <td style='border-radius:8px;'> <div class='rod' align= 'center'> <div class = 'topt' > <p><a href = '#html'>Lets get movies</a></p> <form name = 'loic' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/mes.png' value="" id = 'l1'><label for="l1"><p>12</p></label></p> </form> </div> <div class = 'pcontent'> <img src = 'images/pic1.gif' alt= 'picture' > </div> <div class = 'tfooter'> <form name = 'star' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/star1.png' value="" id = 'l1'></p> <p><input type="IMAGE" src = 'images/star1.png' value="" id = 'l2'></p> <p><input type="IMAGE" src = 'images/star1.png' value="" id = 'l3'></p> <p><input type="IMAGE" src = 'images/star1.png' value="" id = 'l4'></p> <p><input type="IMAGE" src = 'images/star2.png' value="" id = 'l5'><label for="l1"><p style = 'padding-top: 2px; float:right; padding-right:2px;'><a style = 'font-size: 10px;' href = '#.html'>Write a Comment</a></p></label></p> </form> </div> </div> </td>
  23. Struggle, а как без таблиц вообще делать если у меня таких элементов по 4 в строке, а строк 3 таких?
  24. Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.
×
×
  • 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