HTML Coding

29,542 questions in this forum

1. Как создать кнопки (пример внутри)

   http://preview.themeforest.net/item/landx-multipurpose-wordpress-landing-page/full_screen_preview/9545842 сверху 3 кнопки соц сетей, как такие создать? Они не картинками вставлены. Т.е если бы просто нужно было бы кнопки, я бы просто вставил картинку, но тут проблема в том, что при ховере с эфектом перехода меняется цвет

   Asked by narem, February 5, 2017

   0 votes
   6 answers
2. Как разместить div

   Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…

   Asked by Kev, September 5, 2007

   0 votes
   1 answer
3. Помогите разобраться с позиционированием ДИВов

   Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…

   Asked by цсс любитель, October 24, 2009

   0 votes
   9 answers
4. Смена картинок в <img> при нажатии на 1,2,3,...

   Возможно ли сделать смену картинок в тэге img при на жатии на цифры 1 2 3 и т д простыми средствами? есть вариант сделать это так: onclick="document.getElementById(' ').src = '/img/'" Это нормально или есть решения по логичнее?

   Asked by 2_k, December 18, 2009

   0 votes
   1 answer
5. полупрозрачный слой

   а как сделать блок полупрозрачный?

   Asked by sc@r@bey, November 1, 2010

   0 votes
   8 answers
6. Как правильно делать фавиконки?

   Да, вот такой вопрос. До сих пор мне либо доставались готовые фавиконки от дизайнеров, либо же своими силами отправлялась картинка на какой-нибудь сервис вроде favicon.ru. Но правильно ли это? Может есть более прямые способы?

   Asked by swetlana, March 16, 2011

   0 votes
   9 answers
7. "От А до Я"

   Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …

   Asked by yaroslav_tk, July 25, 2011

   0 votes
   17 answers
8. Multiple Backgrounds IE6 / 8

   Здравствуйте уважаемые верстальщики. Подскажите, никак не могу разобраться. Как в IE8 хотя бы, не говоря уже о более ранних версиях, сделать несколько фоновых изображений (body)? У меня стоит через запятую (CSS3). Есть какая либо альтернатива, которая будет работать во всех браузерах. Сайт работает на WP.

   Asked by Motoko Kusanagi, October 28, 2011

   0 votes
   9 answers
9. Фото как background для страницы

   Здравствуйте, захотелось мне сделать сайт у которого на фоне страниц будет фото Лондона. Размер фото 1920 х 1080 ,но при ее размищение появляются отступы, подскажите пожалуста как спозиционировать фото так что-бы она была полностью во все окно браузера и что бы это свойство оставалось на всех мониторах. Спасибо.

   Asked by Mirabo4, October 27, 2012

   0 votes
   10 answers
10. Не могу выровнять меню

    Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/ .darkbg { background: #000099 url("../images/colorbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px…

    Asked by Torero123, December 7, 2012

    0 votes
    4 answers
11. Проблема с Div и флоатными элементами

    Верстаю собственно страничку, вот код http://jsfiddle.net/Yura/mWNap/ Возникла такая проблема, имеется header content и footer в контенте имеются элементы <ul><li></li></ul> при помощи которых сделано горизонтальное меню естественно эти элементы флоатны. Так вот когда я выставляю для <li> float:left нижняя граница контента приподнимается над <ul> Что бы опустить границу, после ul вставил <div> </div> и присвоил ему clear:both; тогда граница опускается Пожалуйста объясните, почему происходит поднятие границы, ведь насколько я понимаю <ul> находится в <div id="content"> и не должен выходить за его границы. …

    Asked by rango2014, November 26, 2013

    0 votes
    19 answers
12. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k, December 7, 2015

    0 votes
    15 answers
13. Сложная таблица средствами css

    Народ, подскажите пожалуйста, возможно ли сверстать такого типа таблицу средствами css? Простые таблицы мне понятны, а вот попалось посложнее и подвис.

    Asked by Archimboldo, August 18, 2016

    • таблицы css
    0 votes
    4 answers
14. Приоритеты CSS

    index.html <html> <head> <link href="one.css" rel="stylesheet" type="text/css" /> <link href="two.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divid"> <div>qedasd</div> <div>qedasd</div> <div>qedasd</div> <div class="divclass">fdfdf</div> </div> </body> </html> one.css #divid div {color:red;} two.css .divclass{color:blue;} Вот такая конструкция не работает. Можно править только two.css. Есть мысли?

    Asked by Dimitry Wolotko, April 9, 2008

    0 votes
    5 answers
15. Ещё одна проблемка

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #div1 { position: relative; } #div2 { position: absolute; background: red; left: 40%; width: 5%; top: 20%; height: 10%; } </style> </head> <body> <div id="div1"><img src="http://www.unity.freenet.kz/map/proekcia3.jpg" width="100%"> <div id="div2"></div> </div> <script> alert (document.getElementById("div2").parentNode.offsetHeight + " : " + document.getElementById("div2").offsetHeight); </script> </body> </html> Во всех браузерах работает, к…

    Asked by lazybaby, March 22, 2009

    0 votes
    6 answers
16. Портативность документа

    Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …

    Asked by valenok, July 22, 2009

    0 votes
    8 answers
17. мб что-то с кодировкой?

    сразу скажу, что не шарю. проблема такая: далаю запрос типа: $q="SELECT id, fio, tel, from people WHERE tel LIKE ('$tel')"; или же $q="SELECT id, fio, tel, from people WHERE tel=$tel"; все нормально выводит для указанного tel. но только для цифр. если в tel содержатся буквы, то ничего не работает, тотя поле вроде CHARовское. как сделать, чтоб работало и для букв? кодировки пробовал менять, но эфекта 0...

    Asked by Сашkа, February 19, 2010

    0 votes
    9 answers
18. Установка стиля в зависимости от текста

    В CSS есть такая хорошая штука-селектор атрибутов.То есть я могу задать стиль элементу в зависимости от значения параметров:a[href*=site.ru]{color:red;}.Каким образом задать стиль в зависимости от наполнения,типа h3[text*=user menu]{color:blue;}.Все делается в Джумле,генерится автоматически,поэтому все элементы модулей одинаковые,и отличаются только текстом.

    Asked by user, June 8, 2010

    0 votes
    6 answers
19. Как красиво записать свойство селектора

    вот код #head {width: 902px; height: 131px; margin: 0 auto; border-left: 1px solid #979c98; border-right: 1px solid #979c98; background: #d9e2da как сократить

    Asked by barman, December 27, 2010

    0 votes
    12 answers
20. как сделать ссылку на страничке

    как сделать ссылку на страничке находящейся на моем компе на папку на этом же компе, чтоб она открывалась в explorer.exe? а не в браузере

    Asked by klv666, March 15, 2011

    0 votes
    14 answers
21. Проблема с двухуровневым меню

    Добрый день, уважаемые верстальщики. Есть сайт в разработке: http://zimin.hmsite.net/wordpress3/ Сейчас меню выглядит так: А должно выглядеть вот так: Тоесть на :hover у пункта меню первого уровня не должно быть нижней границы. Есть идеи, как это можно реализовать? Может кто-нибудь делал что-то подобное? Буду признателен

    Asked by zimin, June 13, 2011

    0 votes
    8 answers
22. <Input type="text"> and ie8

    html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

    Asked by dmitriydrachov, February 21, 2013

    • input
    • ie8
    0 votes
    3 answers
23. выпадающее меню

    помогите, сделал выпадающее меню, но проблема в том, когда сделал основной контент, при выпадении меню, контент уходит вниз из-за меню, как сделать, чтобы меню выпадала на контент, тоесть поверх моего контента и не сдвигало его?? Если нужен код пишите!

    Asked by aleksej, March 26, 2013

    0 votes
    11 answers
24. Содержание страницы на основе тега h2

    Как можно сделать автоматический вывод в статье чего-то вроде содержания, как в Википедии, чтобы пункты содержания брались из тегов h2 (к примеру) ?

    Asked by kpripper, August 16, 2013

    0 votes
    7 answers
25. Как подключить виджет uLogin к HTML сайту?

    Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?

    Asked by BloodyPriest, October 20, 2015

    • HTML создание сайта вёрстка
    0 votes
    9 answers