HTML Coding

29,542 questions in this forum

1. 3-колоночный макет с резиновой шириной на относительном позиционировании

   Здравствуйте! Не могу сверстать макет, мало опыта, необходим 3-х колоночный макет с резиновым центром и одинаковой высотой всех 3-х колонок во всю высоту содержимого, так же в основных блоках будут содержаться другие блоки, содержимое в содержимое которых собственно и будет регулировать высоту. Подскажите что не так. Переделал и снова наткнулся на те же грабли. Не могу довести да ума. http://jsfiddle.net/Vicos/zwLNT/ P.S. Если что не понятно, переспросите, вопрос переформулирую. P.S.S перейдя по ссылке увидим почти доведённый до ума макет.

   Asked by Vicos, June 2, 2013

   • 3-х колоночный макет
   • резиновая ширина
   • относительное позиционировани
   0 votes
   11 answers
2. Запрет переноса блоков.

   Здравствуйте! Без лишних слов опишу проблему. Есть три DIV элемента на одном уровне по float:left. 1 блок - ширина фиксированная(53px) 2 блок - резина(max-width:1400px 3 блок - ширина фиксированная(53px). Суть в том что не могу сделать следующее: При уменьшении размера окна браузера все блоки остаются на одной линии, а 2 блок уменьшается в размере. Сейчас происходит так что все 3 блока съезжают на следующую строку и только потом 2 блок начинает уменьшаться. Буду благодарен за любую помощь, которая поможет приблизиться к данному результату!!! Чтоб наглядно было прикрепляю анимацию того что нужно и того что происходит сейчас. Заранее спасибо!

   Asked by goodwin74, June 2, 2013

   0 votes
   11 answers
3. Сползает пункт меню

   Добрый день! Тоже решил начать с первого макета http://divhack.com/ Делал сам, не подглядывая в решение. Хотел попросить проверить, нет ли явных грубых ошибок? Увидел тему по этому макету и решил не плодить их. Я понимаю, что если каждый новичок будет выкладывать этот пример, то это будет не правильно. Но очень не хочется ошибиться в самом начале, в каких то основных вещах и потом тащить эти базовые ошибки с собой дальше. http://diman.zz.mu/index.html http://jsfiddle.net/Dimanych/zvhBU/ Есть один глюк - при сильном уменьшении в FF и Опере последний пункт меню сползает на следующую строчку. http://diman.zz.mu/error.png Пока не знаю как решить.

   Asked by Dimanych, June 23, 2013

   0 votes
   11 answers
4. Нужен совет бывалых. Посоветуйте матчасть пожалуйста.

   Всем доброго времени суток. Суть дела в том, что я намерен обучиться html-верстке. Есть тестовое задание и мне нужны Ваши советы по поводу того, что мне необходимо изучить и почитать для того, чтобы я был способен это задание выполнить. Заранее всем спасибо за содействие. Вот ссылка: https://docs.google.com/file/d/0B6sGLd4R5HYAUkNXRG96Z1prRjA/edit?usp=sharing

   Asked by Strider, August 3, 2013

   0 votes
   11 answers
5. Не работает свойство css font-weight

   Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

   Asked by end, August 5, 2013

   0 votes
   11 answers
6. Помогите с <img>

   Здравствуйте. Добавляю в верству изображения <div class="buttom"> <img src="images/news-btn.jpg" alt="НОВОСТИ"> <img src="images/faq-btn.jpg" alt="FAQ"> <img src="images/forum-btn.jpg" alt="FAQ"> <img src="images/contacts-btn.jpg" alt="FAQ"> <img src="images/support-btn.jpg" alt="FAQ"> </div> при просмотре страницы между изображением есть пустые промежутки или отступы. Подскажите новичку как их убрать. padding или margin не помогают.

   Asked by vzdrizd, August 19, 2013

   0 votes
   11 answers
7. Передать значение checkbox

   Подскажите, как посредством php передать значение checkbox (true false) т.е. выбран или не выбран checkbox. заранее спасибо.

   Asked by PesBarbos, August 20, 2013

   0 votes
   11 answers
8. Как начать верстать сайт

   Здравствуйте. Сижу и не как не могу сосредоточится на работу. Боюсь сложности. Знаю немного html и css, в течение последних двух лет периодически этим занимался, сделал пару простеньких сайтов с использованием вышеупомянутого(они до сих пор на флешке где то у меня хранятся). Не понимал, и до сих пор не понимаю многих вещей, например зачем вначале страницы писать <DOCTYPE> и еще 2 непонятные строки, а потом уже начинать писать <html> <head> <body> и т.д. Я считал это не нужным и сразу начинал с <html>. Предпочитал работать в блокноте, так как дримвивер(если я правильно помню название) и еще некоторые средства верстки мне не нравились. Когда к…

   Asked by Amalkurbanbaev, September 30, 2013

   0 votes
   11 answers
9. Псевдокласс :hover одновременно для двух элементов!

   Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…

   Asked by volshebnyi, September 30, 2013

   0 votes
   11 answers
10. 2 inline-block - один слева, другой справа.

    Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.

    Asked by Zverushka, October 6, 2013

    0 votes
    11 answers
11. Лучшие текстовые редакторы с подсветкой синтаксиса

    Привет всем, хочу спросить у гуру и новичков, каким текстовым редактором с подсветкой синтаксиса большого количества языков программирования и разметки вы пользуетесь? Я начинал с Dreamweaver но после работы с порядка 10 сайтов, он мне показался очень тяжелым. Совместно с ним я пользовался Notepad++ но наверно из за своей бесплатности он не предлагает автопродление кода, что влияет на быстроту написание. В данный момент сижу на CodeLobster, и на момент написания поста меня он удовлетворяет. В нем есть Emmet и Less! Может кто поделится своим опытом с данными или другими редакторами? P.S. Не нашел раздела для данной темы и поместил сюда. Админы сделайте пожалуйста раздел "П…

    Asked by webdrug, October 8, 2013

    • notepad++
    • Dreamweaver
    0 votes
    11 answers
12. Забить или не забить, вот в чем вопрос?

    Как вы наверно догадались речь идёт о кроссбраузерности. Хотел бы выслушать вас: кто под какие версии старых браузеров делает верстку? целесообразно ли это? делая верстку под старые браузеры, не продлеваем ли мы им жизнь, которая без них была бы намного легче? Короче излагаем свои мнения...

    Asked by webdrug, October 11, 2013

    0 votes
    11 answers
13. Подскажите скрипт скролла страницы

    В общем страница скроллится вертикально, пока не дойдет до раздела фоток и после этого фотки начинают скроллится горизонтально. "длинная фотка, при скроллинге сайта «зацепляется» и начинается скроллинг фотки вправо, как заканчивается скроллинг, снова появляется возможность скроллинга сайта"

    Asked by Zverushka, October 13, 2013

    0 votes
    11 answers
14. Как пользоваться спецификацией www.w3.org/TR/html5/

    Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..

    Asked by koly32, October 16, 2013

    0 votes
    11 answers
15. min-width body и overflow-x: hidden

    http://zverushka.zz.mu/test/ Если поставить боди min-width и overflow-x: hidden, то боди будет сворачиваться хоть до нуля ... Дело в том, что я второй блок action сделала шириной 120%, чтобы внутренняя тень была только сверху и снизу. В итоге я теперь не могу сделать ширину экрана нормальной. К тому же Overflow-x у формы action обрезает по вертикали выступающий край формы - почему?....

    Asked by Zverushka, October 25, 2013

    0 votes
    11 answers
16. Пятиугольник с фоном

    Друзьяши-поняши, нужна помощь. У нас есть блок в виде повёрнутого правильного пятиугольник, (примерно вот такой) И фон у него должен быть не красный, а картинка размером эдак 1000*1000 пикселей. При этом видимая часть картинки должна ограничиваться гранями этого пятиугольника. Это, я так понимаю, через SVG или canvas надо делать? Я просто ни с тем, ни с другим особо не знаком, решил попытаться сделать на canvas, но застопорился на этапе создания пятиугольника

    Asked by antonKar, October 30, 2013

    0 votes
    11 answers
17. Ширина ячеек таблицы

    Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!

    Asked by The_Immortal, November 6, 2013

    0 votes
    11 answers
18. Проблема с поиском в яндексе

    Привет всем! Как мне решить проблему с названием моего сайта при выводе в поиске яндекса сейчас название просто адрес сайта,как поменять на название которое прописано в <title>? и ищет его только когда я сам адрес сайта забиваю в поисковик,титле и метотеги вроде бы в порядке вот скрин там же адрес сайта.

    Asked by denisok, November 27, 2013

    0 votes
    11 answers
19. width

    Чем отличается max-width от width, и min-width от width ?

    Asked by rpmcmerphy, November 26, 2013

    0 votes
    11 answers
20. Проблеым с генерацией шрифта в фонтсквирреле

    Такая проблема - есть шрифт http://zverushka.zz.mu/PFDinTextCondPro-Regular.ttf Генерировала разными способами в эксперт режиме - но Буква "К" заглавная - всегда на пару пикселей меньше основных букв, хотя в изначальном шрифте такого не наблюдается. Сейчас я временно сгенерировала другим сервисом, но меня не устраивает, что файл вышел 400 кб - слишком много. Хотелось бы понять, что я не так делаю в белке? Вот мои настройки (галка фикс метрику - стояла, сняла и забыла поставить - результат одинаковый)

    Asked by Zverushka, November 26, 2013

    0 votes
    11 answers
21. Помогите найти похожий слайдер

    Здравствуйте. помогите, мне, пожалуйста, найти вот такой слайдер. http://zverushka.bl.ee/monitors5/ В самом первом блоке этой страницы. Так как я 2 часа искала и не нашла ничего, пришлось переделывать БХ-слайдер. Но там какие-то проблемы с бесконечной прокруткой - бх-клоны не могу настроить НИКАК! ((( - на границе перехоода на них слайдер криво работает (он там как-то криво стыкуется - не задуман под анимацию), а так была надежда, что получится все((... А если отключаю бесконечную прокрутку, то почему-то на 500 пикселей слайдер уезжает. Я уже просто схожу с ума, не получается поставить на сайт такой простой слайдер... (((

    Asked by Zverushka, December 1, 2013

    0 votes
    11 answers
22. Трудности с версткой в Opera и IE

    Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

    Asked by XuLLlHuK, December 6, 2013

    • border-top-radius-left
    • border-top-radius-right
    • opera
    • text-indent
    0 votes
    11 answers
23. Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет

    http://zverushka.zz.mu/energy/ Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите. Форму только не отправляйте плз. Я просто даже не могу отследить в чем ошибка, когда у меня все нормально.

    Asked by Zverushka, December 11, 2013

    0 votes
    11 answers
24. Еще раз про zoom

    При зуме (минус) пропадают outline 1px у Input полей (на фокусе). Есть способы как с этим бороться?

    Asked by Zverushka, December 14, 2013

    0 votes
    11 answers
25. вырезать иконку с закруглёнными углами

    подскажите пожалуйста по фотошопу когда нужно вырезать иконку(расположенную на фоне узоров), то я измеряю её размеры, в настройках инструмента MARKUP прописываю их, затем выделяю иконку инструментом MARKUP, инверсирую выделение, нажимаю DEL, ставлю направляющие и вырезаю инструментом CROP сейчас в макете иконки с закруглёнными углами. подскажите пожалуйста как можно аккуратно вырезать иконку с закруглёнными углами. подчищать угловые области инструментом ERASER не вариант

    Asked by cyklop77, December 15, 2013

    0 votes
    11 answers