HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Список в две колонки
Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?
0 votes7 answers -
Таблица без отступов
Здравствуйте. Подскажите пожалуйста, как реализовать с помощью css таблицу, которая чётко приклеена к верхнему левому углу (как слой, когда у него в top и left заданы 0px; надо убрать отступ от краёв страницы, который есть у любой дефолтовой таблицы)? Заранее спасибо!
0 votes5 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
Ошибка: syntax error в !DOCTYPE html PUBLIC...
FF в консоли ошибок выдает следующее В чем может быть проблема?
0 votes8 answers -
Dreamweaver vs Sublime Text 3
Здравствуйте, уважаемые коллеги. Делаю первые шаги в веб-разработке. Первый код, по совету друга-специалиста, был написан в редакторе Sublime Text 3. Но недавно узнал о Dreamweaver, посмотрел обзоры, почитал отзывы и мне стало интересно какой же инструмент лучше Dreamweaver или Sublime Text 3, ведь не секрет, что от инструмента зачастую зависит качество работы и скорость ее исполнения. Мне, как новичку, сложно оценить преимущества и недостатки того или иного редактора, поэтому обращаюсь к вам. Спасибо, буду ждать рекомендаций.
0 votes8 answers -
Таблицы
Подскажике, как можно в ячейке таблицы изменить направление текста с горизонтального на вертикальный. Т.е. повернуть на 90 градусов?
0 votes22 answers -
В каком виде передается задание верстальщику?
Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?
0 votes30 answers -
Резиновый сайт
Вот у меня вопрос: является ли такой способ верстки хорошим, удобным? Как с помощью него сделать "резиновый сайт" чтоб он растягивался вдлину по мере поступления например новостей? Как лучше резать дизайн?? просветите плиз...
0 votes12 answers -
Что такое контекст форматирования?
Когда читал о свойстве float или про overflow:hidden, то увидел термин "контекст исполнения". Писалось, что при использовании этих свойств создается новый контекст исполнения. Вопросы: 1) Что такое контекст исполнения? В инете искал, на нашел! 2) На что влияет контекст исполнения? 3) Какие свойства по стандарту создают новый контекст исполнения?
0 votes14 answers -
Chrome и input
Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.
0 votes9 answers -
Разрыв границы
как делаестся такой разрыв граница прерывается - Ранг - граница продолжается! Спасибо!
0 votes34 answers -
Исключение IE
Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.
0 votes17 answers -
Несколько popup окон на одной странице на чистом JS
Здравствуйте! Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id: https://jsfiddle.net/rjno6o9q/
0 votes6 answers -
Не работают стили (css) в Internet Explorer
Здравствуйте! Пробую на блоге (на движке blogspot) сделать подсветку кода с помощью библиотеки SyntaxHighlighter. В браузерах Chrome, Opera и Mozilla Firefox всё отображается правильно. А в IE стили не включаются. Пример можно посмотреть вот здесь: http://itsonetest.blogspot.com/2012/10/blog-post.html Код пробовал размещать в head и в теле сообщения. Во всех перечисленных браузерах всё ок, где не расположи, кроме IE. Подскажите, как сделать так, чтобы и в IE отображалось корректно. При чём это касается не только этой библиотеки, но и, например, DataTable (таблица с возможность сортировки). <!-- Подсветка синтаксиса языков программирования --> <link href='https:…
0 votes13 answers -
Как разместить div по соседству с другим контейнером?
Здравствуйте, вот два блока div "class=block1" и "class=block2", как их расположить вместе? <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> При…
0 votes1 answer -
как определить десктопный браузер или нет
Всем здрасте. Суть проблемы: есть обычная версия и мобильная. Пользователям ПК сразу должна выдаваться обычная версия (ddd.ru) с этим проблем нет , пользователям мобильных устройств (кпк, смарт) предлагается на выбор или обычная, или кпк версия (pda.ddd.ru) вот тут-то я и стопанулся. Гипотетически надо определять по юзер агенту, но подробной информации по этому вопросуне нашел. Если кто поможет - буду очень благодарен.
0 votes4 answers -
полоса прокрутке в мазиле
Хочу поменять цвет скроллбара, в ИЕ он меняется отлично. А вот в файрфоксе не меняет нивкакую. Вот код. div.module-v{ scrollbar-base-color: #88715b; } Порылся в инете, вроде пишут, что ФФ не поддерживает этой функции. Но я не верю. неужели могучий и вездесущий ФФ не может перекрасить обычную полосу прокрутки в нужнуй мне цвет?
0 votes29 answers -
растянуть картинку на кнопке
народ, помогите пожалуйста. вопрос вот такой: как расятнуть картинку на всю кнопку, чтобы не было места между краями кнопки и краями картинки ... что мне нужно для этого дописать сюда: <form action="test.html" method="post"> <button type="submit" name="b_test" style="border:0;background-color:#cccccd;"><img src="/pictures/d_on_pict.png"></button></form>
0 votes8 answers -
Порядковый номер элемента в CSS
Есть задача. Нужно для 5-го элемента класса (пусть будет "style1") задать отдельный стиль. Можно это как-то осуществить в css? Если возможность прописать порядковый номер? Дело в том, что нет возможности сменить класс этому элементу и id у него тоже нет.
0 votes10 answers -
Как правильно прописать noindex?
Проанализировав свой сайт оказалось что у меня слишком много исходящих ссылок,в первую очередь это заметил Яндекс,словил АГС проклятый(( Знаю что вроде позакрывать эти ссылки можно <noindex> .Как правильно будет? Если например у меня ссылка такого вида: <a href="http://news.sportbox.ru/" title="Новсти"><img src="images/banners/sportbox.jpg" border="0" alt="Olimp" style="margin: 0px;" /> </a> то как сюда этот тег применить? СПС большое)
0 votes4 answers -
не работает text-decoration
есть такой css div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} и такой HTML <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p> получается вот это: Почему цвет ссылки FF0000, т.е. красный, а подчеркивание все равно остается?
0 votes2 answers -
2 ошибки при проверке валидатором///Doctype: HTML5
Проверяю на валидность главную страницу, валидатор рапортует Line 330, Column 72: Attribute alt not allowed on element a at this point. …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Attributes for element a: Global attributes href target download rel hreflang type Line 330, Column 72: Bad value javascript:// for attribute href on element a: missing } after function body …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Line 330, Column 72: Attribute alt not allowed on element a at this point. …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im… Attributes …
0 votes6 answers -
CSS, растягивание блока в высоту
Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…
0 votes4 answers -
Изменение свойства при клике
Подскажите пожалуйста, как сделать в js. Чтобы по клику элемент передвигался влево, а при повторном клике на этот элемент возвращался на свое место?) Сделал вот так, оно только одинажды работает. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#language').click(function() { $('#language input').css('right', '28px'); $(this).css('right', '4px'); }); }); </script>
0 votes4 answers -
Наложение flex элементов друг на друга
Приветствую, не судите пожалуйста строго, я начинающий верстальщик, итак, при вёрстке сайта столкнулся с проблемой, имеется изображение поверх надо наложить пару flex элементов, но ни как не получается, они вытесняют друг друга, margin и background использовать нельзя, изображение обязательно должно быть в теге img а блок контейнер резиновый т.е. без указания абсолютных величин, одним словом должно получиться так как на картинке.
0 votes5 answers