HTML Coding

29542 questions in this forum

1. Замена цвета, вообще первый раз столкнулся с версткой...

   Здравствуйте уважаемые. Первый раз столкнулся с темой верстки тегов и инет программирования, или как правильно называется не знаю. Темой не владею вообще. Поэтому если вопросы будут совсем дуратские просьба ногами не пинать. Небольшая вводная для понимания... Пользуюсь оперой, в ней есть возможность подсунуть css файлик и авторские стили будут заменены на те, которые указаны в файле. У меня была задача поменять белый фон на черный, а буковки белые на зеленые... содрал образец из одного места и заменил белый на зеленый dl, ol, ul {outline: 1px solid #00ff38 !important;} dt, dd, li {outline: 1px dashed #00ff38 !important;} p {outline: 1px solid #00ff38 !important;} addr…

   Asked by opusss, December 18, 2010

   0 votes
   4 answers
2. colspan волшебство

   Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> &lt…

   Asked by alexey_, June 23, 2011

   0 votes
   3 answers
3. HTML в порядок

   Ребят, нужна помощь в редактировании простого хтмл кода с табличной вёрсткой. <table style="width: 100%; background: #a3a3a3;" border="0"><tr> <td><a href="http://fotki.yandex.ru/users/akayuki/"><img src="http://img-fotki.yandex.ru/get/5907/34248199.69/0_5cc95_583ee5ab_XXL.jpg" alt="" width="100%"></a></td> <td width="150px" style="float: right; padding-top: 30px;"><center><a href="http://blogs.yandex.ru/button/?id=7501666&type=rating"><img src="http://button.blogs.yandex.net/16/66/7501666-rating-white-male.gif" border="0" alt="Рейтинг блогов" width="80" height="15"></a> <img src="http://butto…

   Asked by Allarion, July 13, 2011

   0 votes
   7 answers
4. Help! Фон картинкой для ссылок (link, hover, active,)...

   Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!

   Asked by Vedrys, August 18, 2011

   0 votes
   5 answers
5. Два дива, выравнивание

   Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали

   Asked by a1rborn, October 23, 2012

   0 votes
   8 answers
6. 3 колонки div - помогите!

   Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.

   Asked by Vo.Wonder, October 25, 2013

   • блочная вёрска
   0 votes
   2 answers
7. Навигатор по страницам

   Как привязать навигатор по страницам к низу страницы, а не к последней картинке? http://truebooks.ru/

   Asked by JohnBondlock, March 30, 2014

   0 votes
   2 answers
8. BBCode аля [html] для форумов phpBB

   Тема о плюсах и минусах возможности использоать html в сообщениях поднималась на нескольких форумах поддержки сервисов phpBB. На сколько я понял в вресиях phpBB >3.0 эта возможность исключена, ну или исключена на сервисе http://www.getbb.ru/ которым я пользуюсь. Тем не менее у меня возникла необходимость в использовании html через свой BBCode, поскольку большое количество BBCode и их особенности работы не всегда меня устраивают. Учитывая небезопасность прямого встраивания юзерами кода html в сообщения, я хотел бы (хотя возможно вы меня переубедите) написать такой скрипт для BBCode , который бы ограничивал вставку html только з безопасным контентом. Как вариант ограниче…

   Asked by pupena_san, July 6, 2014

   • BBCode
   • phpBB
   • [html]
   0 votes
   4 answers
9. Проблема с обтеканием div-а

   Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…

   Asked by tav8383, July 16, 2014

   • float
   0 votes
   4 answers
10. Отступы снизу от картинки

    Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}

    Asked by pavlovda, March 6, 2015

    0 votes
    3 answers
11. ie6 перекрытие <A>

    Здраствуйте. Есть конструкция такого вида: <div class="png"><a href="#">ссылка</a></div> Где класс png это ie6 png fix в виде: * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','')…

    Asked by weblad, March 7, 2009

    0 votes
    3 answers
12. Не могу растянуть элемент

    Парни подскажите, как растянуть изображение по ширине страницы в зависимости о экрана. .small { height: 14px; background-image:url(images/small.gif); background-repeat:no-repeat; background-position: center; background-color: #fff; background-margin-top: 10px; } Обычное repeat-x не подходит, т.к. изображение линия имеет вид |_________________________| Надо как-то растянуть от середины в стороны

    Asked by DenS, May 17, 2010

    0 votes
    3 answers
13. Проблема с оформлением двухколоночного резинового шаблона

    Есть двухколоночный резиновый шаблон. Цель добавить:внизу под центральным блоком две горизонтальные линии определённого цвета, и справа - вертикальную линию идущую от нижнего угла до середины правого блока. Так чтобы эти линии тоже были резиновыми вместе с центральным блоком, и нижние линии были внизу контента всегда, а вертикальная правая линия - справа после контента тоже независимо от растяжения экрана. Попробовал сделать это javascript-ом и выставлять позиции этих линий на событие window.onresize, но работает некорректно из-за того, что наличие самих линий - меняет размеры окна. Не знаю как это сделать с помощью средств css и html. У кого есть какие идеи? Возможно ли …

    Asked by kostya29, July 27, 2010

    0 votes
    1 answer
14. Не растягивающаяся, а сжимающаяся верстка

    Есть сайт с фиксированной шириной 1081px. <div id="container"></div> Пользователи с разрешением 1024*768 видят его некорректно. Можно ли сделать так, чтобы при разрешении меньше 1081px ширина div#container уменьшалась? (не используя javascript).

    Asked by warobushek, October 27, 2010

    0 votes
    6 answers
15. Как создать эффект плавной градации цвета на CSS

    Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?

    Asked by 25karat, November 4, 2011

    0 votes
    1 answer
16. Помощь по css

    Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?

    Asked by gurylyov, November 15, 2011

    0 votes
    6 answers
17. текстовое содержание дива наезжает на соседней див

    текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…

    Asked by dmr, March 2, 2012

    0 votes
    6 answers
18. что значит запись section > div

    подскажите что значит section > div а то не нашел ..

    Asked by cyber_ua, April 27, 2012

    0 votes
    3 answers
19. Отступы в кнопках. CSS

    здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.

    Asked by PREDATORik, August 3, 2012

    0 votes
    8 answers
20. нужна помощь в создании меню

    нужна менюшка как на http://ru.wowhead.com/ этом сайте

    Asked by xenux58, September 4, 2012

    0 votes
    6 answers
21. что-то с текстом

    Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…

    Asked by Bava, September 17, 2012

    0 votes
    6 answers
22. Ох уж этот IE

    Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { ba…

    Asked by Tsybin, November 13, 2012

    0 votes
    4 answers
23. Проверка w3.org валидатором

    Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?

    Asked by gadjet, July 22, 2013

    0 votes
    3 answers
24. position: fixed для html

    Здравствуйте. Подскажите пожалуйста, является ли извратом назначение position: fixed для тела страницы (тоесть тегов html или body), или это норм и можно применять? Спасибо.

    Asked by Chp, August 12, 2013

    0 votes
    2 answers
25. Привет всем! Прошу совета, я начинающая в Web-дизайне.

    Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).

    Asked by larisa2, December 17, 2013

    0 votes
    10 answers