HTML Coding

29542 questions in this forum

1. Проблема с выравниванием 2-х кнопок

   Здравствуйте, всем! Благодарю за то, что посмотрели тему! Добавил на сайт 2 кнопки Скайпа: http://murmot.ru/contact/ Пробовал различными способами сделать так, чтобы они шли в одну строку в месте с текстом "по Skype", т.е. по Skype: Кнопка1 Кнопка2 но так ничего и не вышло. Код страницы такой: Вы можете связаться с нами наиболее удобным для Вас способом: <ul> <li>по телефону <strong>+7 499 6 388 995</strong></li> <li>по Skype: <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:boris_biz?add"><img src="http://download.skype.com/share/skypeb…

   Asked by Glaz_Go, November 14, 2012

   0 votes
   5 answers
2. Кто может помочь в не сложной вёрстке?

   Ещё раз всем привет. Кто может сверстать прозрачный прямоугольник? Вот сайт: http://warcraft3cheats.ru/ Вот скрин: Если просто заменить картинку на прозрачную то середина будет нормальной а по бакам будет темнее. Тупая на мой взгляд вёрстка... С одной картинке берётся 3 картинки =)) по бокам накладывается почему 2 или 3 раза друг на друга, а в центре 1 раз. Кто может просто сверстать блок прозрачной картинки и подогнать под сайт?

   Asked by Dallas, April 14, 2013

   0 votes
   11 answers
3. Резиновая верска

   Доброго времени суток ув. форумчане. Возникла следующая проблема. Делаю резиновую верстку. Но в шапке сайта блоки залазят друг на друга. Есть .Логотип+фон и есть фоновая картинка шапки. При изменении размера страницы фоновая картинка вместо того что бы сужаться, просто заезжает под блок с логотипом. Причем блок с логотипом должен быть фиксированого размера. Вот код .head { /*шапка*/ width:100%; height:280px; min-width:900px; display:block; background:url(../img/bg.jpg) no-repeat right; border-bottom:4px solid #d5d3d3; } .head_logo{/*фон логотипа*/ position: absolute; z-index:1; } .logo{ /*логотип*/ z-index:3; position: absolute; margin:107px 21px; width:210px; height:77…

   Asked by Valentinka.solar, April 23, 2013

   0 votes
   7 answers
4. Проблемы со шрифтом - выглядит не так

   Шрифт выглядит в фотошопе в полтора раза уже и вытянутей, когда я его подключаю - он шире намного. Я проовала подключать с разных источников по названию. Пробовала подключать присланный дизайнером шрифт, пробовала из винды своей вытащить шрифт с тем же названием и подключить (подключала otf не пропуская через сервисы генерации) - все шрифты выглядят шире, чем в макете. В макете следующие настройки у шрифта. Что мне сделать, как быть? ....

   Asked by Zverushka, November 25, 2013

   0 votes
   5 answers
5. Росположение фотографий в галерее

   Здравствуйте, форумчане. Я хочу сделать галерейку, похожую как в ВК. Вот что у меня получилось http://jsfiddle.net/G6JeH/ Но мне бы хотелось чтобы после первых двух фотографий дальше фотки шли в ряд и с каждой добавленной фотографией уменьшались, вот так: ,но как это сделать не знаю. Не хочется подключать какие то библиотеки для этого. Дайте направление в какую сторону двигаться Спасибо

   Asked by Даниил Виттманн, July 13, 2014

   • галерея
   • фотографии
   0 votes
   5 answers
6. использование less

   помогите пожалуйста разобраться. использовать less в бутстрапе можно двумя способами: компилировать файл при помощи вспомогательной программы и компилировать файл на лету со вторым способом понятно - подключается less.js и он добавляет код в ответ браузера. то есть код хранится в "оперативной памяти" браузера если использовать первый способ например с такой структурой, то не понятно где и как хранится скомпилированный код

   Asked by cyklop77, December 22, 2014

   • bootstrap
   0 votes
   2 answers
7. focus и форма или блок комментария как в вк.

   Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.

   Asked by Vicos, March 5, 2015

   • focus
   • blur
   • jquery
   0 votes
   2 answers
8. Проблема наложения слоёв

   Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/

   Asked by aqua.77, January 16, 2017

   0 votes
   1 answer
9. небольшой вопрос по верстке

   объясните, как сверстать этот мокап с таким наклоном и поворотом изображений

   Asked by exoty, April 25, 2018

   0 votes
   2 answers
10. Обьекты на странице залазят друг на друга при изменении масштаба

    При масштабе в 100% объекты верхней секции залазят друг на друга,причем с секциями ниже все в порядке,хорошо адаптируется.При уменьшении масштаба(80%) верхняя секция принимает свой нормальный вид.

    Asked by grsff1, March 6, 2020

    0 votes
    1 answer
11. изображения на страничке меняли цвет рамки

    как средствами ксс сделать что бы изображения на страничке меняли цвет рамки при наведении мышки и при клике ?

    Asked by pribl, September 11, 2009

    0 votes
    1 answer
12. Очень нужна помощь с Map Area

    Добрый вечер. Подскажите, пожалуйста, я новичёк в этом деле, до конца ещё не разобралась что и как, поэтому прошу помочь у знающих людей. Есть карта изображения: <img src="1.jpg" width="640" height="30" usemap="#Navigation" border=0> <p><map name="Navigation"> <area shape="poly" coords="113,24,211,24,233,0,137,0"> <area shape="poly" coords="210,24,233,0,329,0,307,24"> <area shape="poly" coords="304,24,385,24,407,0,329,0"> <area shape="poly" coords="384,24,449,24,473,0,406,0"> <area shape="poly" coords="449,24,501,24,525,0,473,0"> <area shape="poly" coords="501,24,560,24,583,0,525,0"> <area s…

    Asked by irishka207, March 16, 2010

    0 votes
    2 answers
13. Помогите составить окно

    у меня есть окно, которое составлено из div-ов: <div id="xw" style="left:100px; top:60px;"> <div class="xw-tl"> <div class="xw-tr">здесь заголовок <div class="xw-tc"> </div></div></div> <div class="xw-bl"> <div class="xw-br">здесь содержимое <div class="xw-bc"> </div></div></div> <div class="xw-ml"> <div class="xw-mr"> <div class="xw-mc"> </div></div></div></div> ну и css: #xw {position:absolute; border:0; width:260px; height:120px;} .xw-tl{background:url(./k1.png); position:relative; height:20px; width:20px; border:0; zoom:1;} .xw-tr{background:url(./…

    Asked by Verhal, May 29, 2010

    0 votes
    3 answers
14. Не Подскажите Как Такое Сделать?

    Доброй ночи уважаемые участники данного форума. Объясните как можно сделать допустим мне надо что-бы с левой стороны и по центру прилегала картинки (кнопка, ведущая на другой адрес) и что бы она передвигалась вместе с тем когда прокрутка работает, то есть я опускаюсь по сайту ниже, что бы она ездила за прокруткой сама и всегда находилась прижата к левому краю и по центру. Если Вас это не затруднить то пожалуйста, помогите мне с этой проблемой. Спасибо за внимание. С уважением, Артём

    Asked by ААА, September 6, 2010

    0 votes
    3 answers
15. Иной вариант просмотра изображений

    Не нашел на форуме обсуждения такого варианта просмотра изображений: крупное изображение и несколько маленьких под ним. При нажатии на маленькое изображение оно отображается на месте крупного изображения. Пример реализован здесь: http://cars.auto.ru/cars/used/sale/7839008-ec21.html Попробовал покопаться в коде странице, но он настолько навороченный (для меня), что разобраться до конца не смог даже с помощью Dreamweaver-a. К тому же, освоение CSS начал не так давно (если тут дело вообще в CSS). Может кто подскажет, что необходимо для реализации подобного просмотра изображений?

    Asked by byearnist, November 25, 2010

    0 votes
    6 answers
16. div с ul, li. не корректн. отображение списка в ие8

    Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю?? #menu { width: 900px; margin:5px auto; height:30px; } #menu ul { list-style: none outside none; display: inline; } #menu li { background: none repeat scroll 0 0 #F4F4EC; border-bottom: 4px solid red; display: block; float: left; list-style: none outside none; } #menu li a { border-color: #E1E1D3; border-style: solid; border-width: 1px 1px 0; color: #44494F; display: block; float: left; font-size: 13px; …

    Asked by s3p, June 15, 2011

    0 votes
    4 answers
17. z-index

    Дорогие форумчани, Не могу разобраться почему не работает z-index.. ttfan.ru Под слайдером есть поле с 3 колонками, над этим полем должен быть маленький header Помогите пожалуйста

    Asked by Select, November 29, 2011

    0 votes
    3 answers
18. Версия для печати в Safari

    Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?

    Asked by Dinow, December 21, 2011

    0 votes
    0 answers
19. Вопросы по верстке макета (онлайн)

    Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li&gt…

    Asked by Benya-a, January 17, 2012

    0 votes
    5 answers
20. Как это сделано?

    Заметил в Гугле в выдаче у некоторых сайтах боявились большие 44x44px иконки. Это не обычный favicon 16x16. Вот например Здесь Как это реализовано? Киньте пожалуйста ссылочку, где написано как это работает...

    Asked by veromi, July 22, 2012

    0 votes
    4 answers
21. Внутрення тень

    Приветствую, возникла проблема c реализацией тени: Пробовал box-shadow: inset, но такого эффекта никак не мог добиться. Спасибо.

    Asked by uteelers5, August 2, 2012

    0 votes
    5 answers
22. Внезапно: Помогите с версткой.

    http://furry.cu.cc/ вот тестовый сайтец. Проблем много. В разных браузерах расползается, меню работает не так как нада... В общем подскажите как поправить. Для большей конкретики: 1.Меню навигации - "Меню с вложением" в нем 2 подменю, отображаются на 1 строке а хочется чтоб шли в столбик, ну и если добавить под-под меню то вообще все грустно. 1.1.скачущая надпись - Сайт клана "FURRY" 2.Менюшка pagenavi справа (в опере неправильно отображается) ссыль на css: https://dl.dropboxus...gifronstyle.css Я особо css не занимался, по мелочи правил и переделывал, тут вот решил сделать тему под себя.

    Asked by gifron, June 4, 2013

    • выпадающее горизонтальноеменю
    • кроссбраузерная верстка
    0 votes
    4 answers
23. Спонтанное увеличение высоты h3

    Есть вёрстка, вроде бы всё нормально в ней, но есть один ньюанс. Есть два одинаковых блока, со вторым всё нормально, а вот в первом блоке h3 непонятно почему увеличивается по высоте, из-за чего немножко всё едет. Если блоки поменять местами, то тогда во втором блоке всё едет, а первый отображается корректно. Уж не знаю на что и думать. Сама вёрстка тут: http://jsfiddle.net/kAf3a/ Вот эти два блока должны быть одинаковыми:

    Asked by Ge1i0N, October 13, 2013

    • h3
    • html5
    0 votes
    3 answers
24. Пункты меню перескакивают на новую строку - почему?

    Пункты меню перескакивают на новую строку - почему? http://zverushka.zz.mu/edu2/

    Asked by Zverushka, December 7, 2013

    0 votes
    5 answers
25. Список с float:left в Chrome

    Добрый день. Google Chrome некорректно отображает список, если внутрь <li></li> положить 2 блока, один из которых выровнять по левому краю через float: left. http://jsfiddle.net/5dLarwsk/ Почему нумерация списка вылазит на блок? Как это исправить? Firefox отображает нормально. Спасибо.

    Asked by edwinkkc, January 10, 2015

    0 votes
    2 answers