HTML Coding

29542 questions in this forum

1. Адаптивное изображение

   В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.

   Asked by GreenAurora, June 9, 2020

   0 votes
   1 answer
2. Пикселизация текста

   Здравствуйте! подскажите и-за чего это может быть? -webkit-text-size-adjust: 100%; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; -…

   Asked by dimpase, April 6, 2021

   0 votes
   0 answers
3. Проблема с footer`м

   Подскажите как сделать так, чтобы footer в виде слоя (div) всегда оказывался в самом низу страницы в не зависимости от того много контента или мало. Т.е. чтобы он не привязывался к таблице с контентом. Получается так, что если на странице мало информации, то footer оказывается по середине - не очень смотриться, а как скинуть его вниз - не понимаю!

   Asked by Alexx, April 25, 2008

   0 votes
   1 answer
4. Ошибка в коде странички

   Здравствуйте. У меня есть страничка. Все устраивает как работает, но если открыть в опере то появляется некий глюк: все картинки ссылаются на один и тот же файл хотя в фаирфоксе все как надо работает. Помогите исправить. Спасибо http://vadja.justhoneys.com/ P.S. Детей от мониторов. На страничке взрослые картинки!!!

   Asked by vadja, March 19, 2009

   0 votes
   3 answers
5. крутилка

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

   Asked by cawa, September 25, 2009

   0 votes
   1 answer
6. Обрамить картинку картинкой-рамкой справа и снизу

   Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (300 пикселей), но неизвестной высоты (высота может быть разной). Необходимо обрамить ее справа и снизу рамкой-картинкой. Эта рамка-картинка разбита на пять частей: правая верхняя, правая, правый нижний угол, нижняя левая, нижняя. Пытаюсь это сделать с помощью таблицы и распихать куски рамки бекграундами. <table cellpadding='0' cellspacing='0' border='0' width='307'> <tr> <td rowspan='2' colspan='2' width='300'> <img src='images/dish/IMG_0553.jpg' width='300'> </td><td width='7' height='7' backgrou…

   Asked by Defender, November 4, 2009

   0 votes
   1 answer
7. Глюк со шрифтами.

   Верстаю страницу в DW, кодировка windows-1251. Через CSS с помощью font-size:12px прописал размер шрифта 12px, в FF он выглядит вполне нормально, а в IE и опере такое впечатление, что он не 12, а 10. Пригляделся, а разный не только размер, но и сам шрифт. В общем, дело обстоит так: опера и IE отображают один шрифт, и одного размера (по-моему, значительно меньший, чем должно быть). А FF отображает другой шрифт и, по-моему, нормального размера. Но это относится только к контенту (тексту на странице), в меню на кнопках не картинки, а буквы, с ними все в порядке, размер шрифта во всех браузерах один. Но самое интересное в том, что я попробовал поменять сам шрифт в DW(изменени…

   Asked by пепелац, December 7, 2009

   0 votes
   3 answers
8. Кто как верстает, набираете ли каркас с нуля или используете заготовки

   Каждый раз при верстке я что и делаю это клепаю какркас на это уходит изрядное количество времени. Там колонка вылазит, там еще что-то сьедит. Самое плохое когда плохо протестировал и каркас начинает бочить когда верстка доходит до финального завершения. И тут понимаешь что придется переделывать некоторую часть работы. Как быть верстать все с нуля или запастись готовыми проверенными(протестированными) решениями, например сделать каркас в три колонки, сайдбары фиксиров. центральная резина и юзать потом. И таких наделать каркасов на все случаи жизни или почти все. Что смущает это то что мне кажется проф верстальщик должен уметь создать правильный каркас быстро и с нуля.…

   Asked by voooodoo, December 28, 2009

   0 votes
   5 answers
9. как для iframe установить высоту в %?

   <div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…

   Asked by Vitrilo, January 6, 2010

   0 votes
   1 answer
10. Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны

    Дано: #a { z-index: 2; background: transparent; } #b { z-index: 1; background: some_image; border: solid 1 px; } Элемент #а находится выше элемента #b по z-оси. У #b видимая рамка, и если у #a выставить прозрачный фон, то сквозь него будет видна и рамка #b, можно ли как-то сделать так, чтобы рамка у #b не отображалась там, где #a идёт поверх #b, но чтобы если кусок #b где-то торчит из под #a, то рамка у этого куска оставалась видимой.

    Asked by amz00m, March 12, 2010

    0 votes
    3 answers
11. Legend помогите поменять тип маркера

    Помогите нужно сделать так чтобы маркер legend при раскрытии списка менялся в цвете? Или в конце концов просто поменять его на другой, более привлекательный

    Asked by mr_temi4, August 23, 2010

    0 votes
    2 answers
12. замена адреса в ссылке

    Всем доброго времени суток. Просьба помочь, т.к в js вообще тока начал разбираться, пока для меня тёмный лес. На странице грузится картинка, при наведении на нее мышкой появляется окно с картинкой только уже большой <a name="bigImg" href="/goods/man/big/foto-1.jpg" class = "cloud-zoom" id="zoom1" rel="adjustX: 20, adjustY: -95"> <img name="shirt" src="/goods/man/smoll/foto-1.jpg" title="" alt="" /></a> Мне через select нужно менять эти картинки, делаю так HTML для формы 1 <select size="1" name="color" onChange="changeShirt(this.form)"> 2 <option value="white"> белый</option> 3 <option value="red"> красный</option>…

    Asked by vadim525, March 27, 2011

    0 votes
    1 answer
13. IE - основные проблемы, хаки и др.

    Читая различные блоги и статьи, понимаю, что многие пишут про проблемы с IE, особенно с 6 версией. 1) Для каких тегов, элементов наиболее часто возникают проблемы в IE? То есть например на htmlbook.ru для тега margin есть примечание, что возникают проблемы с ie. С какими наиболее часто встречающимися тегами и элементами, используемыми в верстке, обычно возникают проблемы с ie? 2) Когда используются хаки? Каким образом вы понимаете что вам нужен тот или иной хак? Или их не так много?

    Asked by Rustick, April 16, 2011

    0 votes
    5 answers
14. две плашки. изменить порядок наложения

    помогите пожалуйста на этой страничке поместить плашку с крестом под плашку формы

    Asked by cyklop77, October 3, 2011

    0 votes
    2 answers
15. помогите убрать странный отступ снизу

    помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …

    Asked by pdbq, February 24, 2012

    0 votes
    2 answers
16. тег button

    Только узнал, что у этого тега есть свойство type, у которого может быть значение submit. Отсюда вопрос: чем отличется <input type="submit" value="ololo"> от <button type="submit">ololo</button> На сколько я знаю, у обоих по умолчанию display:inline-block. И оба этих варианта будут тправлять данные на сервер, если заключены в тег <form>

    Asked by Evkaky, January 13, 2013

    0 votes
    7 answers
17. Проблема с меню

    Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень…

    Asked by Carneol, January 31, 2013

    0 votes
    6 answers
18. input type file

    Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать

    Asked by exoty, April 6, 2018

    0 votes
    2 answers
19. Шрифты

    Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))

    Asked by Risamey, June 5, 2013

    • Курсив
    • Подчеркнутый
    • Наклонный
    0 votes
    12 answers
20. Масштабирование на мобильных устройствах

    Приветствую! Сделал сайт, а на планшетах и телефонах открывается только его часть и появляются полосы прокрутки. Как вписать его в экран? Сам сайт: ex-t.pro

    Asked by Wak, December 29, 2013

    0 votes
    13 answers
21. Тень блока кроссбраузерная

    Возникла проблема с тенью (CSS3) для блока. Во всех последних браузерах все работает, однако IE8 и ниже ни в какую не желает появляться. Пробовал трюк с PIE.htc, однако тоже не получилось. Тень необходима для одной стороны (левой). Тень нужна вертикальная, имеет элиптическую форму, т.е. верхний и нижние части тени с сильным закруглением, посередине тень растягивается. Есть варианты это сделать с помощью 3 картинок? Помогите, пожалуйста. Посмотреть эскиз можно здесь: http://snap.ashampoo.com/UVcEmP0i

    Asked by Rozmarin, April 10, 2014

    • тень
    0 votes
    1 answer
22. проблема со шрифтом и тенью

    Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html

    Asked by Denni, December 3, 2014

    0 votes
    5 answers
23. Проблема с высотой input в разных браузерах

    Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!

    Asked by IvanRu08, September 1, 2015

    0 votes
    3 answers
24. 1 форма для нескольких товаров

    Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)

    Asked by exoty, September 12, 2018

    0 votes
    3 answers
25. Сделать для Лендинг пейдж Бег граунд

    Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо

    Asked by ОлесяДом, September 15, 2018

    • background-image:
    0 votes
    2 answers