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
-
как центрировать документ
Помогите как центрировать документ, если в нем используются некоторые дивы у которых абсолютное позиционирование? Верстка выполненна дивами. Много пытался, получилось, но обсолютные элименты остаються слева. Помогите.
0 votes9 answers -
:nth-child и :nth-of-type
Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?
0 votes9 answers -
Организация верстки большого проекта
Товарищи, у кого есть опыт верстки больших проектов поделитесь. Обрисуйте примерную схему организации многостраничных проектов, когда много-много изображений всяких, как лучше стили писать, камни подводные и др.
0 votes10 answers -
Фотогалерея responsive. Одинаковая высота картинки.
Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...
0 votes18 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
"Резиновые отступы" проблема с реализацией
Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…
0 votes6 answers -
Проблемы с div'ами при изменении масштаба браузера
Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…
0 votes4 answers -
Не подключается внешний файл css для FF
Добрый день! Посоветуйте, пожалуйста, что можно сделать в следующей ситуации: При подключении внешнего файла css, используя всем известную строку внутри head: <link rel="stylesheet" type="text/css" href="main.css"> в Opera и IE все работает и стили применяются к html-коду, вот только FF ну не как не хочет со мной дружить! И расплывается все в разные стороны, такое впечатление, что FF файл со стилями просто не видет. Как его заставить это сделать? Ну не прописывать же стили в каждом файле....:/ Вот ссылочка на страничку >> Может кто-то сталкивался с такой ситуацией, подскажите, что делать? Заранее благодарю за ответы!
0 votes12 answers -
Исчезновение фона в 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 не отображает низ блока…
0 votes5 answers -
Выровнять по центру nav
Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/
0 votes2 answers -
Затемнение фона
Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <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>Естественно, мой «хит…
0 votes2 answers -
Див в форме трапеции
имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю
0 votes2 answers -
Вывод радио плеера 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.
0 votes0 answers -
Скрыть таблицу
Поставил на свой сайт таблицу, таблица довольно большая хотелось бы её скрыть, хочется вместо неё поставить кнопочку (картинку), на которую тыкаешь и разворачиваться таблица, не знаете как это можно устроить? Заранее спасибо!
0 votes12 answers -
Выделение с 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" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ
0 votes5 answers -
Не могу найти ошибку
.... <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> ..... Ошибка в гд…
0 votes10 answers -
Можно ли сделать checkbox_у свой дизайн
Можно ли сделать checkbox_у свой дизайн, тоесть мне надо чтобы дизайн кнопки был как в макете
0 votes8 answers -
Скопировать css из фигмы
Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?
0 votes1 answer -
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…
0 votes7 answers -
Как "предсказать" размер ячейки?
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
0 votes13 answers -
Проигрывание AAC на веб-страницах
Всем привет . Как говорится в ваших правилах, сразу указываю свой сайт: http://russianquaker.ucoz.ru А дело вот в чём. Я размещаю на своём сайте разные музыкальные треки, если точнее, то демо-отрывки и с низким битрейтом в онлайн-прослушивании, т.е. исключительно для ознакомления здесь и сейчас (а пользователь далее сам решит, искать ли ему остальное творчество артиста или нет, тем более необходимые ссылки привожу...). Я упомянул про низкий битрейт, а раз для ознакомления здесь и сейчас, значит очень низкий битрейт. И тут столкнулся с одним нюансом. Мне кажется, тема довольно-таки популярная должна быть, но однозначного решения я так и не нашёл, поэтому прошу вашей помощ…
0 votes9 answers -
Не работает слайдер
Собственно подскажите пожалуйста, почему не работает слайдер? http://jsfiddle.net/3WN9D/
0 votes10 answers -
Двухколоночный макет внутри дива.
Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <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. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…
0 votes7 answers -
Подскажите пожалуйста!
помогите с классом вот написал как я хочу чтоб выглядела таблица. Код написан на html, можно его перевести на css ?Спасибо! Это код: .STAB {border:0;align:center;WIDTH:60%;valign:middle;rules:none;cellSpacing:0;cellPadding:0; HSPACE:0;VSPACE:0; } .
0 votes15 answers -
Календарь для поля в форме
Собственно понятно, нужен календарь, а то каждый раз в ручную писать дату в поле формы неудобно. Как на картинке, кликаешь по иконке календаря, подгружаться он, выбираешь дату и она появляется в таком формате в поле 17.01.2008 Подскажите плиз, хорошую библиотеку ajax или js?
0 votes10 answers