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
29,542 questions in this forum
-
Верстка под iphone
Ширина сайта - 960px. iPhone неправильно масштабирует блоки - ровняет их по ширине экрана, то есть без соблюдения пропорций. В итоге в шапке все разъезжается. Пробовал несколько раз переверстывать - все равно растягивает блоки по ширине экрана. Как с этим бороться? Есть ли эмуляторы браузера iPhone? В SDK вроде эмулятора браузера нет, а те что я нашел сильно отличаются от реальности.
0 votes3 answers -
работа с Radio без кнопки
требуется помощь! есть вот что: <FORM ACTION='doc.php' METHOD='POST'> <INPUT TYPE='radio' NAME= 'cb_type' VALUE='0' checked >тип 0 <INPUT TYPE='radio' NAME= 'cb_type' VALUE='1'>тип 1 </FORM> как перезагрузить страницу, при изменении значения, без использования кнопки?
0 votes3 answers -
кроссбраузерное меню
Добрый день! Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 . может и еще где то.. Помогите исправить код , чтобы всё работало . вот сам код : css - #mbtnavbar { background : #060505; width : 930px; color : #fff; margin : 0 auto; padding : 0; border-top : 0 solid #960100; height : 35px; } #mbtnav { margin : 0; padding : 0; } #mbtnav ul { float : left; list-style : none; margin : 0; padding : 0; } #mbtnav li { list-style : none; margin : 0; padding : 0; border-left : 1px solid #333; border-right : 1px solid #333; height : 35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color : #f…
0 votes3 answers -
3 элемента hover
имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}
0 votes3 answers -
Проблема с background
Здравствуйте! Есть бэкграунд: сайт в 1000px, нужно что бы сайт располагался между этими картинками по центру... у меня получается вот так: есть небольшой отступ справа... а должно быь так: html,body{background:#edeeed url(../images/bg.png) repeat-x; color:#313f4a; font-weight:normal; word-wrap: break-word; font: 11px Arial, Helvetica, sans-serif;}
0 votes3 answers -
Подскажите, что за шрифт (см. картинку)
Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.
0 votes3 answers -
Разный фон для IE и других браузеров
Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?
0 votes3 answers -
Подгон слоя под картинку с параметром align
Возникла проблема. при помещении картинки внутри слоя слой растягивается под размер картинки, а если к картинке добавляю align="сторона" слой перестает подгоняться под размер картинки. Внимание, вопрос: как сделать, чтобы слой подгонялся с наличием параметра align в картинке? Width/height к слою не предлогать
0 votes3 answers -
2ух-колоночная страница
делал по уроку на этом сайте при создании 2ух колонок правая колонки ниже левой article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } видимо из-за margin-right правая колонка опускается как исправить? p.s. выравнивание правой колонки идет ниже контента в левой колонке ,т.е если убрать контент в левой колонке ,то колонки будут на одном уровне .content-gradient { background: #fff url(images/content-gradient.png) repeat-x; } .content-bg { width: 960px; /* Ширина макета */ margin: auto; /* Выравнивание по центру */ background: #fff no-repeat; /* Фон с границами */ } .content-white { background: #fff; /* Белый цвет фона */ margin: 0 11px; /…
0 votes3 answers -
Как изменить анкор ссылок через CSS ?
Как изменить анкор ссылок через CSS ? То есть в блоке у меня есть набор ссылок с разными анкорами, как заменить их все на другой ? Ссылки все время меняются, поэтому один раз прописать в коде не пройдет.
0 votes3 answers -
Глупый вопрос новичка
Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}
0 votes3 answers -
выравнивание списка по ширине для chrome
Всем приятного дня. у меня возникла следующая проблема: Есть некий неупорядоченный список и надо выровнять его по центру. Mozilla и IE выравнивают нормально, но вот Crome и Safari символ маркера ставят в начале строки а сам элемент списка уже выравнивают по центру. К примеру <html> <head> <title>example</title> <style type="text/css"> ul {text-align: center;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul> </body> </html> Была идея просто создать картинку для маркера, вставить ее вначале элемента списка, а list-style-type задать зн…
0 votes3 answers -
Растяжка
Как сделать чтобы при увелечении дива с текстом увеличивался и левый див?
0 votes3 answers -
регистрация
люди подскажите как сделать регистрацию на сайте
0 votes3 answers -
отступы и ширины
можно ли во всяких элементах типа: width top paddinng задать размеры в таком формате: 25% + 30px если да то как это сделать?
0 votes3 answers -
Событие onclick - но чтобы реагировало на любые нажания мышки
Подскажите событие аналогичное onclick, с той лишь разницей, что бы оно реагировало не на нажатие левой клавиши, а на нажатие любой клавиши, даже скролла.
0 votes3 answers -
<button> как сделать простым текстом?
Добрый день, у меня такой вопрос: Как сделать <button> простым текстом? Т.е. не кнопкой, а простым текстом.
0 votes3 answers -
Не выравнивает по центру
В общем верстаю вот этот макет http://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |
0 votes3 answers -
Как лучше сделать
Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <div style="width:1000px; overflow:hidden;"> <div style="float:left; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> <div style="float:right; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> </div> у меня у главного блока не устанавливается высота в зависимости от содержимого бло…
0 votes3 answers -
Помогите с версткой
Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём
0 votes3 answers -
Интеграция сайта с социальными сетями
Господа, нужно добавить кнопочки с лайками и шарой facebook и google+. Если твиттером и vk я как-то разобрался, то тут все сложно... Как сделать эти кнопки?
0 votes3 answers -
Проблема с версткой меню в IE
Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …
0 votes3 answers -
Фоновое изображение по краям монитора
Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.
0 votes3 answers -
Посоветуйте книгу по верстке (в PSD)
Здравствуйте. Посоветуйте пожалуйста какую нибудь хорошую книгу по верстке в pdf формате, чтобы я мог закинуть ее на мобильный телефон и читать на парах, а то скучно.
0 votes3 answers -
zoom и еще
Для решения таких задач как например inline-block элемент в IE используется такое сочетание: .inline{ zoom:1; *display:inline; } ну или так-же зум используют для правильного обтекания картинки текстом без залезания его под картинку так вот собственно вопрос в том, что фактически дает zoom и зачем перед display нужна звездочка. Заранее благодарен за ответ.
0 votes3 answers