HTML Coding

29542 questions in this forum

1. Учусь

   Приветствую! Учусь верстать.. В процессе возникают вопросы. Прошу помочь разобраться) 1. Зависла на выравнивание по ширине. Контент должен быть по середине. Для содержащего его дива прописала margin:0 auto; но не выравнивается, все равно прижат к левому краю. В чем ошибка? <div style="background:#CCC; color:#737373; font:14px/18px arial; margin:0;"> <div style="margin:0 auto; padding:0 0 20px; width:960px;"> <div style="height:50px; padding:20px;">Пояснительный текст</div> <div style="background:#FFF; padding:20px; width:960px;">Контент</div> </div> </div>

   Asked by art-Limon, February 8, 2011

   0 votes
   9 answers
2. Как разместить горизонтальную прокрутку сверху?

   Требуется горизонтальную полосу прокрутки, появляющуюся при overflow:scroll, разместить не в нижней части блока, а в верхней. Достаточно, чтобы это работало в Firefox. Возможно ли такое сделать, не прибегая ко всяческим jquery-плагинам и прочей js-нечисти?

   Asked by wildhind, December 23, 2011

   0 votes
   2 answers
3. как сделать гамбургер-меню в Bootstrap3

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

   Asked by Denzil, September 21, 2015

   • bootstrap
   • bootstrap3
   0 votes
   4 answers
4. Африканские шрифты

   Есть у кого кириллические африканские шрифты наподобие тех, что приведены по ссылке? http://www.design-africa.com/fonts/african-fonts01.html

   Asked by Vlad, October 14, 2008

   0 votes
   2 answers
5. Картинку на шапку

   Добрый день!извините за глупый вопрос, но форум создан для того что бы задавать ВОПРОСЫ!! Скажите пожалуйста как сделать так что бы картинка стала шапкой моего сайта(размеры подобраны)!!! Пожалуйста не закрывайте тему сразу!!! И объясните плиз(не говоря "учи html" )))заранее спасибо!!!и еще можно объяснять поподробнее(я новичок)

   Asked by tear33, November 8, 2008

   0 votes
   17 answers
6. как писать текст в блоке div

   перерыл поисковик запросами, не могу найти, раньше как то делал чтобы можно в области див писать текст, на подобии input или textarea

   Asked by q13m, November 20, 2012

   0 votes
   3 answers
7. Выпадающее меню выходит за границы монитора

   Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно

   Asked by nalezhitiy, December 22, 2010

   0 votes
   9 answers
8. "Умные" таблицы

   Подскажите пожалуста как сделать чтобы при высоком разрешении таблица занимала все окно браузера, при уменьшении разрешения сжималась, но до определенного значения, после достижения которого она сжиматься прекращала.

   Asked by Raf, April 25, 2008

   0 votes
   18 answers
9. Не работает background-size

   Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }

   Asked by voin545, March 17, 2012

   0 votes
   2 answers
10. Просмотр картинок CSS

    Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…

    Asked by Cube, March 18, 2013

    • css
    • Фотографии
    • Изображения
    • Картинки
    • Просмотр
    0 votes
    3 answers
11. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs, January 30, 2009

    0 votes
    16 answers
12. два вложенных min-height: 100% - НЕ РАБОТАЕТ !

    С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { hei…

    Asked by Ruster, December 8, 2008

    0 votes
    9 answers
13. Центровка div-меню в div'e

    Есть менюшка, которая в div'e: <div class="menu"> <ul> <li class="hide"> <a title="Первый пункт" href="/p">Первый пункт</a> </li> <li class="hide"> <a title="Второй пункт" href="/v">Второй пункт</a> </li> <li> <a title="Третий пункт" href="/t">Третий пункт</a> </li> <li class="hide"> <a title="четвертый пункт" href="/ch">четвертый пункт</a> </li> <li class="last"> <a title="пятый пункт" href="/p">Пятый пункт</a> </li> </ul> </div> </div> Её стиль: .menu { -moz-background-clip:border; -moz-background-inline-policy:continuou…

    Asked by rolph, July 30, 2009

    0 votes
    14 answers
14. Конфликт background и padding

    Добрый вечер уважаемые форумчане, спешу к вам за советом по следующему вопросу. При разработке дизайна столкнулся с такой проблемой: Имеется некий блок header в котором есть горизонтальный блок навигации по сайту. У header`а прописан background-image, а у ссылок в блоке навигации внутренний отступ от верхнего края блока. Хочу при наведении на определенную ссылку изменять background ссылки под курсором, как это делается я знаю, есть один момент о котором вы наверняка догадались из названия темы: padding-top ссылок конфликтует с background. При наведении на любую из ссылок в меню - background съезжает на уровень отступа ссылки, чтобы было проще и поняли о чем я рассказываю …

    Asked by Wolk_, January 21, 2012

    0 votes
    36 answers
15. Параметры onClick, onMouse в тегах TR, INPUT

    Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь

    Asked by DImaN, September 3, 2008

    0 votes
    4 answers
16. Button сделать ссылкой

    Подскажите кто знает. Как добится, чтоб кнопка стала ссылкой? Пробую конструкции: <a href="http://mysites/index.html"><button> Кнопка </button></a> <button><a href="http://mysites/index.html"> Кнопка </a></button> Опера и Фокс нормально понимают, а Эксплорер нехочет, как его(Эксплорер) убедить в этом?

    Asked by Шейла, May 13, 2008

    0 votes
    11 answers
17. pug и sass: как сдают верстку и заливают на сервер?

    1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.

    Asked by Svetlana_P, July 7, 2017

    • pug
    • sass
    0 votes
    20 answers
18. Перенос слов в таблице

    Есть таблица, ячейка которой формируется кодом <td class="views-field views-field-field-addition-newnode-value"> <?php $node->field_addition_newnode[0]['view'] ?></td> Этой ячейке задана ширина .views-field-field-addition-newnode-value {width: 11%;} И в Opera она строго соблюдается: ширина 11%, не умещающиеся слова переносятся на следующую строку. Но Firefox и Chrome слова не переносят и растягивают ячейку, а с ней и всю таблицу, пока не поместится полностью всё [самое длинное в строке] слово. Фиксированная ширина, word-wrap, text-overflow не помогли. Чем заставить FF и Chromium переносить слова?

    Asked by vkapas, August 12, 2011

    0 votes
    3 answers
19. td + overflow

    Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx

    Asked by klierik, March 12, 2008

    0 votes
    14 answers
20. Размеры LI

    Возможно задать минимальную высоту и ширину у тэга <li> ? Есть меню навигационное. У каждой кнопки прописан background (размер которого width:90; height:40) Пробовал #mainmenu ul li { width: 90px; height: 40px; min-height: 40px; min-width:90px; } Не выходит. Задать можно только размерность UL

    Asked by cul8er, April 23, 2011

    0 votes
    12 answers
21. Смещение элементов дизайна при изменении масштаба в браузере

    Всем, приветик! Подскажите, пожалуйста, что можно сделать в такой ситуации: Вот страничка http://innana2007.narod.ru/index2.html Когда масштаб в браузере равен 100% - все нормально, но стоит только его изменить, как все отдельные элементы начинают разъезжаться вправо. И выглядит все вот так http://innana2007.narod.ru/design/Sait1.jpg

    Asked by kazimira, October 29, 2008

    0 votes
    10 answers
22. ну никак не хочет отображаться нормально

    Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…

    Asked by boy_from_Mexico, November 19, 2009

    0 votes
    51 answers
23. Подскажите как правильно стилизовать placeholder с помощью sass

    Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под п…

    Asked by Владимир Горинов, April 6, 2018

    • sass
    • placeholder
    • css
    0 votes
    1 answer
24. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity, June 10, 2011

    0 votes
    11 answers
25. IMG MAP AREA - координаты в процентах

    Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>

    Asked by DarkDaemon, October 1, 2010

    0 votes
    6 answers