Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Как отцентрировать текст по вертикали?

    Никак не могу найти ответ на такой вопрос: как отцентрировать по вертикали в теге текст, изображение, дугой блок, или что-то еще?Простейший код: <div style="height:200px; vertical-align:middle; text-align:center; border:solid #dadada 3px;"> <h1>HAY!</h1> </div> Проблема в том, что текст внутри блока выравнивается по вертикали по верхнему краю, а нужно по середине... Как сделать?

    Asked by mozart,

    0 votes
    3 answers

  2. Сверстать фоновую страницу

    Страница состоит из тр?х частей(верх центр низ): top content и bottom top и bottom заданы no-repeat, а в contente повторяющаяся картинка repeat-y и при повторении искажается градиент(который присутствует на самой повторяющейся картинке в разделе content) вопрос: Как избежать искажение ?

    Asked by Lazar,

    0 votes
    10 answers

  3. CSS или jquery

    Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

    Asked by penchukov,

    0 votes
    22 answers

  4. clip-path не работает в FireFox

    Здравствуйте, Я пытаюсь отсекать края div-а по rectangle-у. Для этого использую clip-path. Делаю следующее: На странице: <svg height="0"> <clipPath id="c1" clipPathUnits="objectBoundingBox"> <rect x="0.148" y="0.0" width="0.705" height="1.0"/> </clipPath> </svg>в css: .scroll-bar-wrapper {position: absolute;z-index: 100;}.scroll-bar { clip-path: url(#c1); -webkit-clip-path: inset(0px 200px 0px 200px); overflow: hidden; height: 64px; width: 1360px; } сам div с классом scroll_bar создается на странице динамически - т.е. на страницу добавляется html код: <div style="top: 650px; left: -200px; width: 1160px; height: 64px;" c…

    Asked by BAntDit,

    0 votes
    4 answers

  5. Вопрос по textarea

    Нужно сделать такую вот штуку: Стал использовать <textarea></textarea>. Собственно, такие вопросы: 1. Как сделать текст по-умолчанию "ваше сообщение" ? ведь у <textarea> нету параметра value или чего-то похожего... 2. Как сделать, чтобы при наборе текста, допечатав до правого края, текст автоматически переносился на новую строку ?

    Asked by dimacat,

    0 votes
    5 answers

  6. Проблема с отображением шрифтов при использовании Smarty

    Я нарезал страницу - во всех браузерах отображается нормально Потом с помощью смарти сфоримровал эту же страницу и залил на сервер. Все шрифты выросли раза в 3.(font-size) Почему так происходит. Стили все грузятся кроме шрифтов? Файл стилей я вставил в {literal}{/literal} Как лечить, помогите!

    Asked by Nicca,

    0 votes
    1 answer

  7. padding&width на select&button

    <html> <body> <table cellspacing='0' cellpadding='0' border='1' width='100%'><tr><td> <table cellspacing='0' cellpadding='0' border='1' width='50%'><tr><td> <select style='padding:0; width:100%;'> <option>xxx</option> </select> <select style='width:100%;'> <option>xxx</option> </select> <input type='button' style='padding:0; width:100%;' value='OK'> <input type='button' style='width:100%;' value='OK'> </td></tr></table> </td></tr></table> </body> </html> объясните плз, почему у всех элементов разная длинна, приче…

    Asked by ket,

    0 votes
    9 answers

  8. Под какие версии браузеров сейчас верстают

    Доброго времение суток. У меня вопрос к опытным верстальщикам. Под какие версии браузеров сейчас верстают? Стоит ли учить особенности старых браузеров (IE6, IE7 etc..). Какой минимум знаний нужно чтобы устроиться верстальщиком? Как научиться правильной кроссбраузерной верстке Извиняюсь, не заметил что создал тему не в том разделе. P.S. Прошу перенести тему в соответствующий раздел.

    Asked by divine,

    0 votes
    11 answers

  9. Заокругленые углы

    есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

    Asked by solos,

    0 votes
    14 answers

  10. как создать плавающий flash-банер

    Помогите создать новичку плавающий фелш-банер, плавать он должен ненавязчиво слева или справа. Сам банер есть, не знаю как его заставить плавать. Слышал, что это как-то делается через css

    Asked by revresbo,

    0 votes
    12 answers

  11. position absolute

    Что-то не хотят дивы "закругления" ложиться там где надо в ИЕ раньше 8-ой версии. И не знаю как сделать так, что б когда наводишь на вкладку "Красивые сайты" текст был чёрным ещё до того как курсор точно на тексте будет. Сайтик =) (пока экспереминтирую на таком *** хостинге)

    Asked by Yahoo!,

    0 votes
    10 answers

  12. Slick slider

    Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса: 1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится. 2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд. 3. Как вывести стрелки, в условиях тоже написал, но не вижу. Огромная просьба намекнуть, куда смотреть и что делать

    Asked by Dimpin,

    0 votes
    13 answers

  13. обрамленная таблица

    Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо

    Asked by polinka,

    0 votes
    8 answers

  14. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: http://i706.photobucket.com/albums/ww68/szr4/tb.gif <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" LANG="ru" XML:LANG="ru" > <HEAD> </HEAD> <TABLE BORDER='1'> <TR> <TD WIDTH='48'></TD> <TD WIDTH='210'></TD> <TD WIDTH='22'></TD> <TD WIDTH='22'></TD> <TD WIDTH='210'></TD> <TD WIDTH='48'>…

    Asked by SCHNITZER,

    0 votes
    21 answers

  15. Динамическое добавление двух полей в форму

    Приветствую, подскажите как сделать динамичеки добавление 2х полей в форму, по кнопке добавить. Вот чтобы так примерно было Пункт 1: <input type="text" name="item1" size="20">Путь для 1: <input type="text" name="url1" size="20"> Пункт 2: <input type="text" name="item2" size="20">Путь для 2: <input type="text" name="url2" size="20"> Пункт N: <input type="text" name="itemN" size="20">Путь для N: <input type="text" name="urlN" size="20"> Заранее Спасибо

    Asked by woofs,

    0 votes
    9 answers

  16. Как a одну строку вставить кнопки?

    Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка. Сам код: <div class="socials"> <div class="social svkontakte"><div id="vk_like"> <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div> </div> <div class="social sgoogle"><g:plusone size="medium"></g:plusone></div> <div class="social stwitter"> <a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];…

    Asked by blogmarketologa,

    0 votes
    4 answers

  17. Верстка верхнего меню

    Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

    Asked by an1401,

    0 votes
    33 answers

  18. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009,

    0 votes
    7 answers

  19. Горизонтальное меню

    Сделал горизонтальное меню с помощью списка li, но не пойму как его растянуть под 100% родительского блока и между каждым меню сделать границы в виде рисунка: #menu_header1 { height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { width: 991px; text-align: center; cursor: pointer; } #menu_header2 li { float: left; padding: 0 0; } #menu_header2 li a { float: left; padding: 8px 50px; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;…

    Asked by okunev2,

    0 votes
    16 answers

  20. overflow: hidden и текст

    Хотелось бы чтобы при "overflow: hidden" не обрезался текст за пределами блока, а просто не показывало строку вообще. Как это сделать можно?

    Asked by maxs,

    0 votes
    15 answers

  21. Варавнивание нескольких плавающих блоков с растяжкой

    Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <html> <head> <title>Untitled</title> <style type="text/css"> .cont { float:left; } </style> </head> <body> <div align="center" style="border:solid 1 lime;"> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 1</div> <div style="border:solid 1 red;background:yellow;width:300px" class="cont">блок-контент 2 (ширина задана,фикс)</div> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 3</div> <div style="clear:both"…

    Asked by airscape,

    0 votes
    28 answers

  22. Дивами нарисовал Винни Пуха http://www.davidch.com/vini/index.html

    вот http://www.davidch.com/kz/vini/index.html

    Asked by Давид,

    0 votes
    14 answers

  23. выпадающий список из txt-файла

    Подскажите пожалуйста как сформировать выпадающий список, так чтобы значения брались из файла txt? буду очень благодарен!

    Asked by Hasol,

    0 votes
    6 answers

  24. Нюанс скругления края меню

    Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…

    Asked by Squidward,

    0 votes
    44 answers

  25. Горизонтальный скролл на мобильной версии сайта

    Добрый день. Возникла проблема при работе над адаптивностью сайта. Использую bootstrap 4, при 575px ширины экрана и меньше появляется горизонтальный скролл. Просмотрел каждый блок сайта, ничего лишнего не вылазит за границу. В чем может быть проблема? Подскажите, пожалуйста. http://sqt.zzz.com.ua/workfordream/

    Asked by Qosmo,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept