HTML Coding

29,542 questions in this forum

1. Как убрать отступы в div для элемента ul

   Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.

   Asked by Gambini, May 7, 2012

   0 votes
   2 answers
2. ишак съел блок

   сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока

   Asked by cyklop77, May 7, 2012

   0 votes
   1 answer
3. Как совместить iframe и картинку?

   Доброго! Есть большая png-картинка (фон) с вырезанным полупрозрачным окошком. Как бы мне в это окошко спозиционировать iframe? Можно конечно задать точные координаты, но картинка растягивается под размер окна браузера (сохраняя пропорции), соответственно прозрачная область тоже смещается и растягивается... Что можно придумать?

   Asked by Postscripter, May 7, 2012

   0 votes
   0 answers
4. Вёрстка для комментариев

   Здравствуйте. Столкнулся с проблемой написания вёрстки для компонента комментариев. Очень прошу помочь тех, кто в этом разбирается. Вот картинка. Сначала пробовал всё divami оформить, что-то не получилось. Потом пробовал table - снова проблемы. Самое простое быстро забывается. Те, кто в этом ещё шарит - помогите плиз... Там где цветные квадратики - это картинки будут. И надо сделать так, чтобы правая часть (само сообщение) увеличивалось по мере увеличения сообщения, НО чтобы не была меньше чем левая часть (аватар и т.д.). Т.е. чтобы минимальный размер правого окна было не меньше левого, а если больше - то больше. Заранее огромное спасибо.

   Asked by juvileor, May 7, 2012

   0 votes
   4 answers
5. Не растягивается блок

   Доброго времени суток! Есть такая проблема. Нужно сделать так чтобы блок тянулся в зависимости от контента. Пример: <div id="main"> <div id="content">привет привет привет привет привет привет привет привет привет привет привет </div> </div> CSS: #main{ width: 70px; height: 100%; } #content{ width: 50px; height: 100%; } Результат: Ввожу в контент 11 "приветов" а в браузере появляется только 9. Подскажите пожалуйста как быть. Буду очень благодарен! P.S. overflow: hidden - не помогает.

   Asked by Digidie, May 7, 2012

   0 votes
   6 answers
6. Ошибки в IE8 и IE7

   Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.

   Asked by art4web, May 8, 2012

   0 votes
   2 answers
7. Три блока div (три колонки) в одном (IE6)

   Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает средний блок div (синий) на 100%, а в IE 6 по краям получаются какие то отступы (при разрешении 1280х1024). Подскажите плиз в чем может быть дело? Вот код: <div id="header"> <a href="pa1.ru" title="Строительная компания" style="text-decoration: none;"> <div id="header1"> </div></a> <div id="header2"> </div> <div id="header3"> </div> </div> <div id="header_sign"> постройка домов, бань </div> <div id="logo_sign"> …

   Asked by tarkinsky, May 8, 2012

   0 votes
   2 answers
8. как увеличить изображение при наведении на другой блок

   Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-d…

   Asked by DrMartens, May 8, 2012

   0 votes
   1 answer
9. Проблема с блоками

   Уважаемые спецы! Помогите разобраться. У меня есть блок #wrapper_registration в котором залит беграунд из трех картинок, в него я хочу поместить ссылки "регистрация" и "войти" это для входа пользователей. Но, никак не получается загнать эти ссылки внутрь этого блока. Ниже привожу код. html <div id="wrapper_registration"> <div class="bgr_l"></div> <div class="bgr_c"></div> <div class="bgr_r"></div> <nav> <ul> <li id="login"> <a id="login-trigger" href="#">Войти <span>▼</span></a> <div id="login-content"> <form> …

   Asked by sokrbam, May 8, 2012

   0 votes
   0 answers
10. Текст

    При изменении разрешения экрана текст выходит за пределы div(текст не уменьшаться ) при фиксированной верстке. Как это можно исправить? overflow только прячет текст.

    Asked by Espada, April 15, 2015

    0 votes
    2 answers
11. как нарисовать линию

    пишу js слайдер и возник вопрос как внутри блока div нарисовать простую линию с определенной высотой и шириной?

    Asked by cyber_ua, May 8, 2012

    0 votes
    6 answers
12. Как рационально резать линованый фон в psd

    Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой: В макете следующий фон: Как видите это наклонные линии, подскажите как правильно их резать их верстать?

    Asked by Inf1n1tI, May 8, 2012

    0 votes
    3 answers
13. Корректность отображения

    Здравствуйте! Дело такое: Есть сайт, сверстанный в html+css. Однако, при первоначальном открытии в браузере, дизайн откровенно "ведет" (то картинки вылетают, то они съезжают в сторону). Обычно, после 3-4 обновления (Ctrl+R) в браузере подряд, все становится на свои места, и сайт отображается так, как и должен, согласно верстке. В связи с этим, вопрос такой: Причина такого поведения в тяжести Сайта или в "кривом" коде? Просто, пожалуйста, подскажите, в каком направлении копать? Заранее благодарю за ответ!

    Asked by Santorin, May 8, 2012

    0 votes
    7 answers
14. смещение background в <td> в IE

    Всем доброго настроения. Немцы уже отпраздновали капитуляцию (у них 8-ого мая), ну а нас - с наступающим! Если чего, не пинайте в правое ухо... - вопрос, наверняка, заезженный и скорее всего уже обсуждался не раз, но понятия не имею по каким словам искать на него ответ. В общем к делу. Обычный html файл, обычная таблица, в которой есть 5 <td> и 3 <tr>. В левом <td> backround ставится как надо, а вот в самом правом... (см. вложение). Это только в IE (версия 9 - другие не пробовал - ну их), в остальных броузерах все ОК. Картинка background смещается на один пиксель влево, затем идет повтор картинки (no-repeadt работает, но тогда край не ровный получается)…

    Asked by copyright, May 8, 2012

    0 votes
    0 answers
15. mootools fx.slide

    Добрый день! У меня на сайте установлена небольшая раскрывающаяся/закрывающаяся панель. Раскрывается она при помощи fx.slide, по умолчанию раскрытие идет от верха к низу, мне же нужно наоборот, чтобы открывалось от низа к верху. Вот мой код window.addEvent('domready', function() { var fx = new Fx.Slide('footer-snif').hide(); $$('#footbut h3').addEvent('click', function(event){ /* // w/out Fx.Slide var fx = new Fx.Morph($('footer-snif')); if ($('footer-snif').getStyle('height').toInt() == 0 ) { fx .start({'height': [0,200]}); } else { fx .start({'footer-snif…

    Asked by ninJo, May 9, 2012

    0 votes
    0 answers
16. Вывести родительский div поверх дочернего

    Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="image…

    Asked by Inf1n1tI, May 9, 2012

    0 votes
    7 answers
17. поправить код

    помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'

    Asked by cyklop77, May 9, 2012

    0 votes
    2 answers
18. border-image для IE

    Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?

    Asked by kidar2, May 9, 2012

    0 votes
    4 answers
19. горизонтальный js-скролл

    помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате

    Asked by cyklop77, May 9, 2012

    0 votes
    1 answer
20. Проблемы отображения <hr> в ie9

    Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>

    Asked by AlexD, May 9, 2012

    0 votes
    2 answers
21. Контент вылазиет за блок

    Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо

    Asked by Hostgame, May 9, 2012

    0 votes
    2 answers
22. Есть вопросы

    Добрый вечер! Есть вопросы: 1. Допустим у меня есть поле для ввода email: <input type="email" value="" placeholder="Введите почту"/> Если я ввожу некорректный email, то в новых браузерах выводится сообщение "введите адрес электронной почты", а в старых соответственно нужно делать проверку через js. Так вот, как написать условие, что если type="email" браузером не поддерживается, то нужно выполнять кусок js кода, который проверяет введенные данные? 2. Тоже самое с placeholder - как проверить поддержку (без jQuery плагинов)? 3. Как вы верстаете такие кнопки (с тенями, градиентами и т.д.)? Делаете кнопку с помощью CSS стилей или просто картинкой?

    Asked by web-monster, May 9, 2012

    0 votes
    5 answers
23. В чем заключается процесс верстки

    Добрый день, недавно начал познавать html и css. Но за верстку браться боюсь, не совсем понимаю до конца что нужно. Вопросы хотел бы рассмотреть на примере макета http://forum.htmlbook.ru/index.php?showtopic=16763 1) Если необходимо для заказчика сверстать такой шаблон то нужно ли указывать путь к ссылкам? 2) Нужно ли делать форму поиска рабочей или только создать ее? 3) Если встретятся формы подписки (например одностраничный сайт) или формы регистрации, формы входа и так далее, то должен я их заставлять работать и как? ______ С праздником!

    Asked by tooq, May 9, 2012

    0 votes
    3 answers
24. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl, May 9, 2012

    0 votes
    12 answers
25. Открытие браузерами одинаковых ссылок.

    Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…

    Asked by BAntDit, May 9, 2012

    0 votes
    0 answers