Borka
Newbie-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Borka
-
вобщем теперь пишет что объект не поддерживает свойство dropShadow, какой бы я селектор не прописал
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> в head правильно?
-
Доброго времени суток . подскажите пожалуйста как подключить скрипт 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 определение отсутствует. Что я неправильно делаю?
-
Всем доброго времени суток. Выскажите пожалуйста замечания по поводу данной верстки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 отключается
-
Корень в W:\home\localhost\www\ Ага http://css3pie.com/d...#pie-background При этом надо не забывать, что PIE нельзя применять для тегов html и body. Пасиба. несколько фонов применилось, а вот border-radius нет . может это из-за того что я его к ячейкам таблицы применяю?
-
вот сюда закинул все W:\home\localhost\www\tablica страница , PIE , .htaccess смотрю через ие тестер - нифига не применилось. Денвер перезапускал перед этим
-
т.е. в том каталоге где лежит моя html страница создать данный файл и прописать в него всего одну строчку AddType text/x-component .htc так? помимо нее в этом файле должно что-то быть?
-
antonKar, запускаю страницу через Денвер . а где взять этот файл .htaccess ?
-
типа надо через дэнвер смотреть? вобщем есть ли компоненты которые без всяких серверов могут подружить css 3 с ие ниже 9ки?
-
кинул еще и php. толку 0
-
Доброго времени суток. Подскажите как заставить работать компоненту 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); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.
-
Проверять вёрстку в масштабе 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 вырезаный из фотошопа } . Спасибо за проверку. буду исправлять
-
Проверять вёрстку в масштабе 25% - это не нормально. Вообще-то нормальная верстка, не должна ссыпаться при уменьшении размера масштаба, также при увеличении Скинь линк, посмотрим вот http://boxcube.zz.mu/copy/tablica.html . Да, и если есть замечания по верстке напиши пожалуйста
-
Проверять вёрстку в масштабе 25% - это не нормально. хах . вообще-то я и на 100% проверял. просто если ужать контент начинает выдавливаться вниз. Нужно ли это как-то исправлять если при 100% масштабе все выглядит в соответствии с psd макетом?
-
да подскажите что с масштабированием то делать? вот так выглядит страница в хроме и опере при масштабе 25% это ведь не нормально?
-
пасиба! все зарабатоло. не знаю как лойс то поставить в репутацию
-
Неважно, в каком блоке. Важно, в каком контексте форматирования. Если блок не создает отдельного контекста форматирования (у него не стоит overflow:hidden, display: inline-block, float и т.п.), то float его игнорирует и проходит насквозь (если в блоке нет ничего, кроме float-а, то он «схлопывается» в ноль). Так что правильно по стандарту показывает как раз firefox, а чтобы везде было как надо, второму диву нужно поставить clear:right. второму диву это какому?
-
<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 правильно показывает
-
Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство 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?
-
Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <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>. Но если делать без него то текст не выравнивается в одну линию, как требуется на этих изображениях
-
Используй 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
-
Вот сверстал без использования вложенной таблицы . Укажите пожалуйста на недостатки в моем коде <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>
-
Struggle, а как без таблиц вообще делать если у меня таких элементов по 4 в строке, а строк 3 таких?
-
Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.