HTML Coding

29542 questions in this forum

1. как центрировать документ

   Помогите как центрировать документ, если в нем используются некоторые дивы у которых абсолютное позиционирование? Верстка выполненна дивами. Много пытался, получилось, но обсолютные элименты остаються слева. Помогите.

   Asked by Emigrant, March 18, 2008

   0 votes
   9 answers
2. :nth-child и :nth-of-type

   Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?

   Asked by od_lazio, November 10, 2009

   0 votes
   9 answers
3. Организация верстки большого проекта

   Товарищи, у кого есть опыт верстки больших проектов поделитесь. Обрисуйте примерную схему организации многостраничных проектов, когда много-много изображений всяких, как лучше стили писать, камни подводные и др.

   Asked by Игорь Ермаков, July 21, 2010

   0 votes
   10 answers
4. Фотогалерея responsive. Одинаковая высота картинки.

   Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...

   Asked by Светлана Г., January 9, 2014

   • #responsive
   0 votes
   18 answers
5. Отступ списка от картинки слева..

   Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.

   Asked by gard, July 8, 2010

   0 votes
   10 answers
6. "Резиновые отступы" проблема с реализацией

   Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…

   Asked by Верстальщикус, June 14, 2011

   0 votes
   6 answers
7. Проблемы с div'ами при изменении масштаба браузера

   Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…

   Asked by PavelK, June 11, 2013

   0 votes
   4 answers
8. Не подключается внешний файл css для FF

   Добрый день! Посоветуйте, пожалуйста, что можно сделать в следующей ситуации: При подключении внешнего файла css, используя всем известную строку внутри head: <link rel="stylesheet" type="text/css" href="main.css"> в Opera и IE все работает и стили применяются к html-коду, вот только FF ну не как не хочет со мной дружить! И расплывается все в разные стороны, такое впечатление, что FF файл со стилями просто не видет. Как его заставить это сделать? Ну не прописывать же стили в каждом файле....:/ Вот ссылочка на страничку >> Может кто-то сталкивался с такой ситуацией, подскажите, что делать? Заранее благодарю за ответы!

   Asked by kazimira, February 22, 2008

   0 votes
   12 answers
9. Исчезновение фона в IE

   Суть проблемы. Верстаю шаблон аля сгругленный. Делаю через DIV. Вот CSS div.module{ background: url(../images/mod_top.gif) top right no-repeat; padding-top: 9px; width: 165px; margin-bottom: 15px;} div.module div { background: url(../images/mod_bot.gif) bottom right no-repeat; padding-bottom: 10px;} div.module div div { background: url(../images/mod_mid.gif) top right repeat-y; padding: 0;} div.module div div div { padding: 8px 0 8px 10px; background: none; } div.module div div div div { padding:0; background: none;} Две проблемы 1) Блок состоит из трех частей. Верх,низ и тянущаяся середина. FF и опера отлично отображает. IE7 не отображает низ блока…

   Asked by PaLyCH, July 31, 2008

   0 votes
   5 answers
10. Выровнять по центру nav

    Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/

    Asked by JosePerez, October 12, 2012

    0 votes
    2 answers
11. Затемнение фона

    Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…

    Asked by ZABor1978, March 14, 2014

    0 votes
    2 answers
12. Див в форме трапеции

    имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю

    Asked by j0hn, February 13, 2012

    0 votes
    2 answers
13. Вывод радио плеера icecast на свой сайт

    Какой html код нужен чтобы вывести радио плеер с сайта http://www.rpgamers.net/radioна свой сайт wix. Все мои попытки остались безуспешными. На данный момент вывел только аудио поток радио http://23.239.14.138:8000/rpgn. Как можно добавить current song отсюда http://23.239.14.138:8000и что бы он автообновлялся? А еще лучше взять целиком плеер со страницы http://www.rpgamers.net/radio.

    Asked by MaxOverlord, July 26, 2015

    • icecast
    • html
    • radio
    • title
    • название
    • радио
    0 votes
    0 answers
14. Скрыть таблицу

    Поставил на свой сайт таблицу, таблица довольно большая хотелось бы её скрыть, хочется вместо неё поставить кнопочку (картинку), на которую тыкаешь и разворачиваться таблица, не знаете как это можно устроить? Заранее спасибо!

    Asked by Hawk173, May 17, 2009

    0 votes
    12 answers
15. Выделение с map area

    ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ

    Asked by laird, October 17, 2011

    0 votes
    5 answers
16. Не могу найти ошибку

    .... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…

    Asked by AzatSh, October 2, 2008

    0 votes
    10 answers
17. Можно ли сделать checkbox_у свой дизайн

    Можно ли сделать checkbox_у свой дизайн, тоесть мне надо чтобы дизайн кнопки был как в макете

    Asked by antonP, January 28, 2008

    0 votes
    8 answers
18. Скопировать css из фигмы

    Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?

    Asked by ChikChicly, September 5, 2020

    • фигма
    0 votes
    1 answer
19. backround div-а вылезает за пределы

    HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…

    Asked by FightInGlory, January 11, 2010

    0 votes
    7 answers
20. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2, May 25, 2010

    0 votes
    13 answers
21. Проигрывание AAC на веб-страницах

    Всем привет . Как говорится в ваших правилах, сразу указываю свой сайт: http://russianquaker.ucoz.ru А дело вот в чём. Я размещаю на своём сайте разные музыкальные треки, если точнее, то демо-отрывки и с низким битрейтом в онлайн-прослушивании, т.е. исключительно для ознакомления здесь и сейчас (а пользователь далее сам решит, искать ли ему остальное творчество артиста или нет, тем более необходимые ссылки привожу...). Я упомянул про низкий битрейт, а раз для ознакомления здесь и сейчас, значит очень низкий битрейт. И тут столкнулся с одним нюансом. Мне кажется, тема довольно-таки популярная должна быть, но однозначного решения я так и не нашёл, поэтому прошу вашей помощ…

    Asked by RussianQuaker, December 16, 2010

    0 votes
    9 answers
22. Не работает слайдер

    Собственно подскажите пожалуйста, почему не работает слайдер? http://jsfiddle.net/3WN9D/

    Asked by oleg126, July 18, 2014

    0 votes
    10 answers
23. Двухколоночный макет внутри дива.

    Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…

    Asked by Микель, January 8, 2008

    0 votes
    7 answers
24. Подскажите пожалуйста!

    помогите с классом вот написал как я хочу чтоб выглядела таблица. Код написан на html, можно его перевести на css ?Спасибо! Это код: .STAB {border:0;align:center;WIDTH:60%;valign:middle;rules:none;cellSpacing:0;cellPadding:0; HSPACE:0;VSPACE:0; } .

    Asked by 21043, November 17, 2007

    0 votes
    15 answers
25. Календарь для поля в форме

    Собственно понятно, нужен календарь, а то каждый раз в ручную писать дату в поле формы неудобно. Как на картинке, кликаешь по иконке календаря, подгружаться он, выбираешь дату и она появляется в таком формате в поле 17.01.2008 Подскажите плиз, хорошую библиотеку ajax или js?

    Asked by okunev2, June 9, 2008

    0 votes
    10 answers