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
-
рейтинги +1/-1
На многих сайтах для статей, комментариев и даже на форумах есть кнопки +1/-1 или нравится/не нравится. Это влияет как-то допустим на ту же выдачу поиска по сайту, если будет найдено две подходящие темы, но в одном случае будет +300, а во втором +2, то значит первая тема будет стоять первой в выдаче? Или это просто делается для красоты, чтобы было видно активность пользователей которым лениво писать коммент и проще поставить +1/-1?
0 votes8 answers -
Градиентная тень
Доброе время суток всем! Собственно, мой первый пост здесь) Хочу сделать вот что-то вроде этого, но без использования картинки. Проблема в том, что там тень получается "градиентной". Не могу найти решения, как это сделать (и возможно ли?) средствами css
0 votes5 answers -
IE bug
Здравствуйте, возник вопрос по IE багам.Искал у всезнающего гугля ,он паршивец не нашел ничего. Есть ли у IE 7,6 баг с position absolute, когда он не прижат по умолчанию у левому краю а ведет себе так как блочный? И второй вопрос по background-position в IE6 если применяеш к спрайтам ведет себя не так как хотелось бы?
0 votes3 answers -
Помогите
нужно сверстать вот такой блок портфолио! заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить. Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие.. Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?
0 votes13 answers -
Подсказки в форме
Добрый вечер, хочу научится делать подсказки на форме ввода данных. Чтобы как в поисковиках, начинаешь вводить слово потом появляется (серым цветом) возможное его продолжение. Заранее спасибо!
0 votes3 answers -
Меню, список ul, j, обтекание
Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> &l…
0 votes4 answers -
Помогите с версткой
Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…
0 votes4 answers -
Резкая прокрутка вверх в Opera
Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?
0 votes1 answer -
Помогите идентифицировать баг IE6
приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…
0 votes5 answers -
SVG и Opera 11
На странице http://emacsformacosx.com/ пример, как можно использовать векторный SVG на странице. Все мануалы и статьи по верстке SVG ведут на этот пример. (вообще тут прочитал про SVG: http://habrahabr.ru/blogs/svg/82649/) Он отлично открывается и в FF 3, 4 и в Opera 11, и в Chrome 11. Но, когда я весь исходный код страницы скопировал и выложил у себя на хостинге получилось вот что: http://www.ddvhouse.ru/svg.htm В FF всё работает, в Chrome пропал фоновый градиент, а в Opera вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?
0 votes3 answers -
Фон общий страницы ( проблема )
Здравствуйте! Кто соображает в html и css подскажите, как сделать что бы весь макет сайта тянулся на весь экран по оси х. То есть width стоит 1280px, на маленьком мониторе появляется горизонтальная прокрутка, а на большом мониторе ( С разрешением примерно 1300px ) остается белое место ( остальные 20px ). Вот собственно вопрос, как сделать что бы весь сайт тянулся на всех мониторах на весь экран при это что бы его ширина была 1280px ?
0 votes5 answers -
Выравнивание содержимого блока DIV по вертикали
Всем привет! Допустим, имеется блок div со следующим описанием: <div style=" border: 1px solid black; height: 200px; width: 100px;">Text </div> Если добавить этот код в HTML документ, то получим контейнер 100px*200px с текстом "Text". Какой атрибут CSS нужно добавить к описанию стиля DIV, чтобы выравнять Text по вертикали по центру нашего контейнера? Да и существует ли такой атрибут? Заранее спасибо за помощь!
0 votes10 answers -
Растягивающие кнопки в меню.
Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>
0 votes60 answers -
Замена кода в нескольких файлах
Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"
0 votes1 answer -
Лишнии отступы а списке li убрать
Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…
0 votes10 answers -
Возможно ли overflow scroll дива вынести на край браузер
Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …
0 votes42 answers -
@font-face
Здравствуйте, никак немогу побороть font-face ,никак не работает.Может ошибка в коде или где то ище,но не нашел.Шрифт Perfo.Ссылка на сайт http://melofon.ms/.
0 votes15 answers -
помогите передвинуть модуль
используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля
0 votes4 answers -
тег img не работает в ФФ
я чё то не пойму, как так... в ффоксе не отображается <img> в хроме и ie работает... <a href="http://vkontakte.ru/app2340458" target="_blank"><img width="397" height="108" src="baner_oxota.png" /></a> проще кода нет в чём проблема я не пойму ? (этот код засунул сюда, что бы картинка грузилась) http://vk.sad.skywars.ru/img.html
0 votes5 answers -
Internet Exploler
Всем привет, если можно хочу получить ответ на два вопроса по IE6, искал в гугле но ничего толком не нашел. Сылка на дропбокс сайт - https://dl-web.dropbox.com/get/Public/polo/index.html?w=5ff8d33e В общем все хорошо, вот только в IE 6 при position: absolute; блок не смещаеться влево а остаеться по центру как бы с display: block; (class .slider-glow) Второй вопроc IE и background-position, на сайте в слайдере есть спрайт для скругления углов(хотел использовать border-radius, но увы картинка не скруглялась везде), все было бы хорошо если б не IE 5,5 и 6.Там все не так как нужно https://dl-web.dropbox.com/get/Public/IE.png?w=eeb3ad9d P.s кто может скинуть ссылку как установ…
0 votes3 answers -
Проблема с версткой div
Подскажите как исправить ошибку в верстке. Собственно вот линк _http://coldafan.ucoz.ru/. Нужно, чтоб блок с контентом не растягивался вместе с левым столбцом (блоки меню). А если перейти в "полную новость", то блок не растягивается. Как исправить?
0 votes10 answers -
float ячеек таблицы в ie7
Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: l…
0 votes3 answers -
float и overflow
Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …
0 votes27 answers -
Сайт под ключ
Сайт под ключ \ делаю сайты под ключ Вот понимаю вёрстка и адаптация вёрстки на какую то там кмс ... но "сайт под ключ"...обьясните плз как это , не как не могу понять, в нете шарился , но там только информация о тех кто их делает что то типо "делаю сайты под ключ и тд и тп " много где ( на биржах фриланса ) часто тоже такое встречается ... расталкуйте нубу, вобщем если не сложно )
0 votes4 answers -
Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным
Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…
0 votes3 answers