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
-
Комментарии VKontakte и Facebook на сайт.
Здравствуйте! Так как не нашол решения по сети интернет и дядя гугл некак не помог... решил обратится сюда. У меня сайт создан для рекламы по своему городу... рекламы для кафешок, ресторанов, магазинов, учреждений и т.д. Сайт мне делали, когда я еще не брался за умы розвития по языку html, css и т.д вот только начал. Сам сайт на PHP, все обьекты (кафе, маг. и т.д) подключены с помощю MySQL Значит в чем проблема, хочу поставить себе на сайт комментарии VKontakte и Facebook, все вроде бы как разобрался, но... под каждым разным обектом на сайте, фейсбучные комментарии дублируются... тоисть все коммнтарии фейсбука под каждой разной темой.... одинаковые, в чем может быть причи…
0 votes7 answers -
Можно на ul задать border-radius
Всем добрый вечер. Можно ли каким-то образом на ul задать border-radius ?
0 votes7 answers -
Как сделать правильно?
Подскажите, как правильно написать код, чтобы объекты ( текст и изображение ) располагались именно таким образом? Я просто не знаю как одну область разбить например на две вертикальные части, где в одной, как на скрине, слева был бы текст, а в другой, справа, было бы изображение! Заранее благодарен!
0 votes7 answers -
увеличить ширину
Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…
0 votes7 answers -
Стиль скролла textarea
Добрый день! Встала задача изменить стили полосы прокрутки textarea, думал все просто - есть много плагинов скроллов JQuery. Но как оказалось ни один из них не работает с textarea. Есть вот плагин cutext http://www.xiper.net/collect/js-plugins/forms/cutext.html , но у меня так и не получилось вставить скроллинг.Долго в интернете искал ответ, но так и не нашел рабочую версию...и я вообще не видел измененный скроллинг textarea. Может это утопия, и его не можно изменить!!))Кто то встречался с такой вот задачкей, или может просто видел измененный скроллинг textarea?)
0 votes7 answers -
список в 3 колонки
Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140
0 votes7 answers -
Вопросы. Один про шрифт, другой про задний фон
Всех с наступающим 2012:) 1. Если шрифт подключен, то может быть такое, что он не будет отображаться у других пользователей? и как реализовать, например, отображение страницы для одного шрифта, и для другого. например, если шрифт arial, то значения одни, а если, times new roman, то другие значения? ибо если один, то многое слетает + величина разная. иначе говоря, чтобы для одного шрифта было одно оформление, а для другого другое. 2. допустим, есть длинная картинка, длиной 200 пх и по краям закгругления. но есть объект, на котором она должна отображаться длиной 50 пх. как сделать, чтобы сжималась она до таких размеров? можно, конечно, сделать через css3, но получается, что…
0 votes7 answers -
Рейтинг материала на ucoz
Ребят подскажите! Вот у меня есть скрипт рейтинга материалов для ucoz <script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script> <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">-</a><?endif?> <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> <?if($RATE_FORM…
0 votes7 answers -
Фон в высоту двух блоков
Решил перевести из table в div. Столкнулся с проблемой: Сайт1 Есть пример как надо, но там в table: (для наглядности) Сайт2 + в опере все ок, в фаирфокс нет Спасибо
0 votes7 answers -
Шрифты для WEB
Здравствуйте.Хочу попросить у вас совета по поводу грамотного использования шрифтов при верстке.Что почитать,куда посмотреть,кого спросить...буду признателен за каждый ответ.Спасибо
0 votes7 answers -
Тег <img> и проблемы с атрибутом alt
Таков желаемый результат в идеале. Красным выделил осознанную ошибку в названии файла. arena.png- то как он сохранен у меня. А опечатку добавил чтобы проверить что из этого выйдет. и вышло вот что: 1. В Опере текст уходит за границу. 2. В Мазиле тексту грубо говоря, плевать на заданные параметры ширины и высоты рисунка. 3. А вот в Редакторе все четко, как и должно быть. И хочется, чтобы так было и в браузерах. Вопросы: 1) Как этого добиться? 2) Такого рода неожиданности ведь могут весь дизайн сломать в будущем. Могут ведь?-)) 3) В чем, собственно, проблема. Почему везде так по разному? Где ошибка?
0 votes7 answers -
Высота блока 100% высоты родителя
Добрый день! Нужен макет сайта, с высотой и шириной 100%. Хэдер и Футер(прижат к низу окна) с фиксированной высотой 100px, а Центр - остаток высоты документа (height: 100%). Центр "разбит на две колонки, так, что бы они имели высоту 100% от родителя, тоесть от Центра. У меня в принципе получилось. Тоесть, в FF и Chrome отображается так, как мне и нужно (Высота сайта равна высоте окна, и не выезжает за ее пределы), а вот Opera почему то Центру применяет высоту 100% не от родителя, а от всего документа. (Как отобразиться в IE и других браузерах - не важно. Главное что бы на этих трех было правильно) Почему так? И как исправить это безобразие? Chrome сделал все правильно: …
0 votes7 answers -
Вопрос о свойстве text-shadow
Здравствуйте, Вот такой макет я хочу сверстать: С горем пополам "похожести" с исходной картинкой мне удалось добиться, но есть куда расти. Подскажите пожалуйста, как добавить немного тени для заголовка (Lorem ipsum dolor), но только с одной стороны надписи. Я хотел использовать свойство text-shadow, но требуемого результата не получил. PS: Буду благодарен за комментарии и советы.
0 votes7 answers -
Подскажите в чём может быть проблема
В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…
0 votes7 answers -
Вертикальная полоса прокрутки
Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; ma…
0 votes7 answers -
применение z-index
Начал изучать пару дней назат блочную верстку сайтов, да и вообще верстку сайтов... столкнулся с такой проблемой =) как с помощью z-index (или есть другие теги какие?) расположить две картинки по очереди? а то одна перекрывает другую... хотелось бы все сделать в 1 блоке <div id="header"> </div> (была мысля разбить 2 изображения по блокам наложить их на друг друга и каждому присвоить очередность отображения) еще z-index это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative, а я выравнивал картинку в блоке с помощью background-position:center, поскольку прийдется применять z-index, background-position:cen…
0 votes7 answers -
background-image
в css написано следующее #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } нужно чтобы картинка растягивалась автоматом по всей длинне страницы. я поставил height: auto; но почему то как было так и осталось. в чем может быть проблема?
0 votes7 answers -
слово вместо radio
Мне нужен элемент как radio, но чтобы вместо кружочка там было слово
0 votes7 answers -
Можно ли...
Можно ли на css поменять надписи на этих кнопках? http://jsfiddle.net/wMBsL/ Это стандартный модуль джумлы "голосование", лазил в коде, не знаю как поменять
0 votes7 answers -
Проблема стабличкой
Всем привет! Сделала ленту с картинками товаров табличкой со скрытыми элементами td. нажав на левую или правую кнопку, предыдущая или след делается видимой, остальные невидимыми. В хроме и эксплорере последнем всё работает норм. В мозилле и опере возникает глюк: картинки пляшут на разной высоте. Содержимое ячеек выровнено по верхнему краю. Двигаются сами ячейки в строке таблицы, не понятно почему. Попробовала сделать все ячейки видимыми - всё норм, все на одной высоте во всех браузерах. Не пойму, что меняется, если они невидимые и идёт переключение между ними((( Пробовала всевозможные выравнивания всех элементов ничего не помогло. Откуда может браться это дополнительно м…
0 votes7 answers -
Всплывающие картинки
<html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head&…
0 votes7 answers -
Вопрос новичка
Ну как-бы решил научится языку HTML,нашел пару интересных,познавательных сайтов и начал осваивать по маленьким шагам. И я не знаю правильно или нет,но как бы кое что запомнил и усвоил,и теперь хочу спросить,правильно или нет. На том сайте я читал что это как бы уже устаревшая версия 3.2. И как я уже успел понять,что существуют версии этих кодов типа как 2.0 либо 3.2 и.т.д. Так во первых хотелось бы понять чем отличаются эти версии одни от других. Во вторых мне бы по больше хотелось бы узнать значения самих обозначений\кодов,например: что значит DOCTYPE HTML PUBLIC и W3C. А DTD HTML 3.2 Final это как я понял сама версия. И на данный момент последний вопрос с такой кодиров…
0 votes7 answers -
float-поведение без переноса
Подскажите пожалуйста, как такого добиться. Если содержимое зеленого блока может обтекать синий - это стандартная ситуация, а так - я не знаю.
0 votes7 answers -
bootstrap от twitter
Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?
0 votes7 answers -
Вытягивание контента по родителю
Здравствуйте. Есть такая вот структура: <div id="middle"> <div id="container"> <div class="topangleline"></div> <div id="sideLeft"> <div class="leftcontent"> <div class="leftshadow"></div> <div class="rightshadow"></div> <div class="papirus"><img src="/img/papirus.gif" alt="" /></div> <div class="leftmenu"> <ul> <li><img src="/img/usor.png" alt="" /></li> {leftmenu} <li><img src="/img…
0 votes7 answers