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
-
Таблица без отступов
Здравствуйте. Подскажите пожалуйста, как реализовать с помощью css таблицу, которая чётко приклеена к верхнему левому углу (как слой, когда у него в top и left заданы 0px; надо убрать отступ от краёв страницы, который есть у любой дефолтовой таблицы)? Заранее спасибо!
0 votes5 answers -
Chrome и input
Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.
0 votes9 answers -
Dreamweaver vs Sublime Text 3
Здравствуйте, уважаемые коллеги. Делаю первые шаги в веб-разработке. Первый код, по совету друга-специалиста, был написан в редакторе Sublime Text 3. Но недавно узнал о Dreamweaver, посмотрел обзоры, почитал отзывы и мне стало интересно какой же инструмент лучше Dreamweaver или Sublime Text 3, ведь не секрет, что от инструмента зачастую зависит качество работы и скорость ее исполнения. Мне, как новичку, сложно оценить преимущества и недостатки того или иного редактора, поэтому обращаюсь к вам. Спасибо, буду ждать рекомендаций.
0 votes8 answers -
Не Могу Правильно Разместить Блоки
Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …
0 votes45 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
Есть задача. Нужно для 5-го элемента класса (пусть будет "style1") задать отдельный стиль. Можно это как-то осуществить в css? Если возможность прописать порядковый номер? Дело в том, что нет возможности сменить класс этому элементу и id у него тоже нет.
0 votes10 answers -
Обтекание в CSS
Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…
0 votes17 answers -
Использование DIV
можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?
0 votes29 answers -
frD-Смещение фонового изображение в body в FF и Opera
Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).
0 votes13 answers -
height 100% и шапка
Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.
0 votes34 answers -
Обтекание дива текстом
Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?
0 votes21 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 -
слои текст+картинка
плизззз, помогите как на картинку наложить текст? на сайте нашел как картинку на текст. а вот бы хотелось на оборот
0 votes16 answers -
CSS, растягивание блока в высоту
Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…
0 votes4 answers -
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....
0 votes11 answers -
Возможно ли убрать название якоря из строки браузера
Как убрать название якоря из строки браузера когда нажимаешь на ссылку такого вида <a href="#link"> link <a> в строку браузера добавляется #link, нужно чтобы этого не происходило
0 votes5 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 -
z-index VS SELECT в ie6
Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…
0 votes30 answers -
как определить десктопный браузер или нет
Всем здрасте. Суть проблемы: есть обычная версия и мобильная. Пользователям ПК сразу должна выдаваться обычная версия (ddd.ru) с этим проблем нет , пользователям мобильных устройств (кпк, смарт) предлагается на выбор или обычная, или кпк версия (pda.ddd.ru) вот тут-то я и стопанулся. Гипотетически надо определять по юзер агенту, но подробной информации по этому вопросуне нашел. Если кто поможет - буду очень благодарен.
0 votes4 answers -
z-index не работает.
Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…
0 votes23 answers -
Проблемы с версткой в Мозиле
Собственно при сужение окна Мозилы, происходит это, исчезают линии таблицы местами, как то размыто: С чем это связано, и как этот баг убить?
0 votes37 answers -
как пользоваться PSPad
подскажите пожалуйста как пользоваться PSPad
0 votes6 answers -
border-bottom на ширину текста
Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?
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