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
-
Адаптивное изображение
В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.
0 votes1 answer -
Пикселизация текста
Здравствуйте! подскажите и-за чего это может быть? -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; -…
0 votes0 answers -
Проблема с footer`м
Подскажите как сделать так, чтобы footer в виде слоя (div) всегда оказывался в самом низу страницы в не зависимости от того много контента или мало. Т.е. чтобы он не привязывался к таблице с контентом. Получается так, что если на странице мало информации, то footer оказывается по середине - не очень смотриться, а как скинуть его вниз - не понимаю!
0 votes1 answer -
Ошибка в коде странички
Здравствуйте. У меня есть страничка. Все устраивает как работает, но если открыть в опере то появляется некий глюк: все картинки ссылаются на один и тот же файл хотя в фаирфоксе все как надо работает. Помогите исправить. Спасибо http://vadja.justhoneys.com/ P.S. Детей от мониторов. На страничке взрослые картинки!!!
0 votes3 answers -
крутилка
подскажите тег похожий на textarea но только чтоб читал тэги внутри,как на YouTude в похожем видео! надеюсь понятно выразился
0 votes1 answer -
Обрамить картинку картинкой-рамкой справа и снизу
Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (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…
0 votes1 answer -
Глюк со шрифтами.
Верстаю страницу в DW, кодировка windows-1251. Через CSS с помощью font-size:12px прописал размер шрифта 12px, в FF он выглядит вполне нормально, а в IE и опере такое впечатление, что он не 12, а 10. Пригляделся, а разный не только размер, но и сам шрифт. В общем, дело обстоит так: опера и IE отображают один шрифт, и одного размера (по-моему, значительно меньший, чем должно быть). А FF отображает другой шрифт и, по-моему, нормального размера. Но это относится только к контенту (тексту на странице), в меню на кнопках не картинки, а буквы, с ними все в порядке, размер шрифта во всех браузерах один. Но самое интересное в том, что я попробовал поменять сам шрифт в DW(изменени…
0 votes3 answers -
Кто как верстает, набираете ли каркас с нуля или используете заготовки
Каждый раз при верстке я что и делаю это клепаю какркас на это уходит изрядное количество времени. Там колонка вылазит, там еще что-то сьедит. Самое плохое когда плохо протестировал и каркас начинает бочить когда верстка доходит до финального завершения. И тут понимаешь что придется переделывать некоторую часть работы. Как быть верстать все с нуля или запастись готовыми проверенными(протестированными) решениями, например сделать каркас в три колонки, сайдбары фиксиров. центральная резина и юзать потом. И таких наделать каркасов на все случаи жизни или почти все. Что смущает это то что мне кажется проф верстальщик должен уметь создать правильный каркас быстро и с нуля.…
0 votes5 answers -
как для 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%? Если задавать в пик…
0 votes1 answer -
Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны
Дано: #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, то рамка у этого куска оставалась видимой.
0 votes3 answers -
Legend помогите поменять тип маркера
Помогите нужно сделать так чтобы маркер legend при раскрытии списка менялся в цвете? Или в конце концов просто поменять его на другой, более привлекательный
0 votes2 answers -
замена адреса в ссылке
Всем доброго времени суток. Просьба помочь, т.к в 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>…
0 votes1 answer -
IE - основные проблемы, хаки и др.
Читая различные блоги и статьи, понимаю, что многие пишут про проблемы с IE, особенно с 6 версией. 1) Для каких тегов, элементов наиболее часто возникают проблемы в IE? То есть например на htmlbook.ru для тега margin есть примечание, что возникают проблемы с ie. С какими наиболее часто встречающимися тегами и элементами, используемыми в верстке, обычно возникают проблемы с ie? 2) Когда используются хаки? Каким образом вы понимаете что вам нужен тот или иной хак? Или их не так много?
0 votes5 answers -
две плашки. изменить порядок наложения
помогите пожалуйста на этой страничке поместить плашку с крестом под плашку формы
0 votes2 answers -
помогите убрать странный отступ снизу
помогите убрать странный отступ снизу(для 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); …
0 votes2 answers -
тег button
Только узнал, что у этого тега есть свойство type, у которого может быть значение submit. Отсюда вопрос: чем отличется <input type="submit" value="ololo"> от <button type="submit">ololo</button> На сколько я знаю, у обоих по умолчанию display:inline-block. И оба этих варианта будут тправлять данные на сервер, если заключены в тег <form>
0 votes7 answers -
Проблема с меню
Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень…
0 votes6 answers -
input type file
Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать
0 votes2 answers -
Шрифты
Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))
0 votes12 answers -
Масштабирование на мобильных устройствах
Приветствую! Сделал сайт, а на планшетах и телефонах открывается только его часть и появляются полосы прокрутки. Как вписать его в экран? Сам сайт: ex-t.pro
0 votes13 answers -
Тень блока кроссбраузерная
Возникла проблема с тенью (CSS3) для блока. Во всех последних браузерах все работает, однако IE8 и ниже ни в какую не желает появляться. Пробовал трюк с PIE.htc, однако тоже не получилось. Тень необходима для одной стороны (левой). Тень нужна вертикальная, имеет элиптическую форму, т.е. верхний и нижние части тени с сильным закруглением, посередине тень растягивается. Есть варианты это сделать с помощью 3 картинок? Помогите, пожалуйста. Посмотреть эскиз можно здесь: http://snap.ashampoo.com/UVcEmP0i
0 votes1 answer -
проблема со шрифтом и тенью
Здравствуйте! При верстке учебного макета Влада 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
0 votes5 answers -
Проблема с высотой input в разных браузерах
Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!
0 votes3 answers -
1 форма для нескольких товаров
Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)
0 votes3 answers -
Сделать для Лендинг пейдж Бег граунд
Злраствуйте пишу в 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; } и у меня картинка не появляется. в чем может быть проблема? спасибо
0 votes2 answers