HTML Coding

29542 questions in this forum

1. странности с text-align: jistify

   Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

   Asked by USF, August 10, 2012

   0 votes
   5 answers
2. Проблема в верстке меню

   Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…

   Asked by dartwlad, February 20, 2013

   • меню верстка
   • вертикальное
   0 votes
   3 answers
3. Как сделать, чтобы сайдбар был по центру контента?

   Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div></div>стиль сайдбара #sidebar { background:blue; width:160px; height:600px; float: left; left: -50px; position: relative; top: 45%;}если писать в файрбаге top:xx%; то нормально блок уезжает куда надо. но когда в css файл сайта это пишу, то ничего не происходит и он как распологался сверху, та…

   Asked by nikki4, February 18, 2014

   0 votes
   3 answers
4. Плавное появление меню слева

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

   Asked by Struggle, April 15, 2014

   0 votes
   4 answers
5. Настройка тега select

   Здравствуйте форумчане Недавно столкнулся с такой проблемой, которую не могу решить уже долгое время(( Даже всемогущий гугл мне не помог, так что рассчитываю на вашу поддержку А сам вопрос довольно прост: есть список select, который обязателен для отправки формы Первой опцией является просто сообщение "выберите персонажа", а остальные уже сами персонажи Мне надо, чтобы форма не отправлялась, если стоит опция "Выберите персонажа" Я ставил на эту опцию атрибут disabled, но это не помогло Вот собственно код <select required name="character"> <option disabled>Выберите персонажа</option> <option>Орк</option> <option>Эльф&lt…

   Asked by yura29, June 3, 2014

   • select form disabled
   0 votes
   4 answers
6. Появление списка на месте картинки

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

   Asked by Orysya, May 7, 2015

   • css
   • ul
   0 votes
   12 answers
7. Локальное использование ssi

   Добрый день. Возможно ли избегая всякие сборки типа денвера, wingnix или open server, использовать локально ssi ?

   Asked by Ururu, June 2, 2015

   0 votes
   3 answers
8. Возможно ли частично перекрыть элемент, но оставить его видимым для курсора?

   В макете нужно реализовать наложение картинки на меню, но хотелось бы при этом оставить элементы меню доступными для клика полностью, а не частично. Сейчас реализовано так, что доступна только верхняя часть кнопки https://arthurmiko.github.io/shadows_portfolio/ Здесь воспроизведена подобная ситуация и вопрос относительно этого случая. Можно ли как-то оставить серые блоки доступными для курсора, в области их перекрытия синим блоком? Наверняка это можно реализовать с помощью JS, но есть ли способ обойтись HTML/CSS?

   Asked by mikoart, July 13, 2016

   • html
   • css
   • z-index
   0 votes
   6 answers
9. Несколько начертаний шрифта на сайте

   На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

   Asked by vip, January 16, 2017

   • шрифт
   0 votes
   0 answers
10. А нельзя ли сделать стиль по параметру "name" инпута?

    Извините пожалуйста, что создаю новую тему, а не пишу в той, просто хочется чтобы дополнительный вопрос был поскорее увиден, хочется быстрее закончить ксску Собственно, нельзя ли сделать стиль по параметру "name" input-тега? Заранее спасибо. З.Ы, Если это у вас смертельный грех - можете меня забанить на нужное время - только ответьте пожалуйста

    Asked by 7ion, June 28, 2009

    0 votes
    5 answers
11. Выравнивание фона

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

    Asked by Elly, August 28, 2009

    0 votes
    4 answers
12. Помогите Глючит В Ие Таблица + Формы

    Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол. В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается. точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали как избежать этого? + как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня) может какое нибудь другое решение предложите... выслушаю все) Заранее спасибо <style type="text/css"> .login { w…

    Asked by finski, September 8, 2010

    0 votes
    2 answers
13. Зачем нужны комбинированные селекторы?

    Продолжаю изучение CSS и вот возник такой вопрос: зачем нужно использовать комбинированные селекторы? Что можно сделать с их помощью, чего нельзя было бы сделать с помощью стилевых классов и именованных стилей? Заранее признателен.

    Asked by Bertie, June 25, 2011

    0 votes
    3 answers
14. border-image

    Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/

    Asked by LIFE-STALKER, November 19, 2011

    0 votes
    8 answers
15. Центрированное горизонтальное меню на ul

    Есть страница фикс. ширины,меню на списках <div id="navbar"> <ul> <li><a href="...">1</a></li> <li><a href="...">2</a></li> <li><a href="...">3</a></li> <li><a href="...">4</a></li> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…

    Asked by Silvandir, June 20, 2012

    0 votes
    6 answers
16. absolute отрицательно смещенный за границу экрана образует горизонтальный скролл

    Суть темы в заголовке. Нужно расположить вот так: Нужно чтобы красный блок прятался частично за экраном когда экран небольшой и не расстягивал сайт фиксированной ширины в 980 px. Пока придумал только так: body { overflow-x:hidden; } Но это вообще убивает горизонтальный скролл, даже когда экран менее 980 px, что не есть гуд((

    Asked by Torm, July 8, 2012

    0 votes
    5 answers
17. Проблема с вложенностью блоков

    Вот есть у меня уже сверстаный блок. Вот его код: <div id="line1"> <div class="block-line1"> <div class="block-header"> <h1>About WhiteSquare</h1> <span></span> </div> <div class="block-body"> <div class="block-image"><img src="images/img1.png" alt="" /></div> <div class="block-text"> <p>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor…

    Asked by Girn, June 14, 2013

    0 votes
    2 answers
18. как сделать простейший поисковик по интернету при табличной верстке

    Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…

    Asked by kotsa3, July 19, 2013

    • form
    • table
    • tr
    • td
    • input
    • button
    0 votes
    3 answers
19. Можно ли заменить position:relative+top на margin-top?

    День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2

    Asked by Temik2704, December 4, 2013

    0 votes
    4 answers
20. Реализация лотерейного билета

    Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?

    Asked by cruel09, November 25, 2014

    0 votes
    3 answers
21. Соединие DIV и Заливание CSS Фигур Фоном

    Здравствуйте Друзья!) Есть дизайн, я заверстал его блоками. http://myscreenshot.info/i/0005/450771420815068249968785663668.png Вопросы: 1. Как теперь соединить ряд блоков в один DIV, (наподобие псевтотегов чтоли)? 2. Как залить получившейся DIV фоном? Я точно знаю что такое можно сделать)) Пример моего кода (фигура слева) http://myscreenshot.info/i/0005/263841420815915808621868304315.png HTML: <div id="imgbox_canvas"> <div id="im_tri-right"></div> <div id="im_tri-top"></div> <div id="c_row_r"> <div id="im_tri-left"></div> <div id="im_centr"></div> <div id="im_btm-r"></div> <div i…

    Asked by barrudo, January 9, 2015

    • DIV BORDER BACKGROUND
    0 votes
    6 answers
22. Как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла?

    Приветствую специалистов по верстке! Подскажите: как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла? Попробовал сделать так: .main-menu ul li a { position: relative; display: flex; flex-direction: column; align-items: center; } .main-menu ul li a::before { width: 18px; height: 18px; content: ''; background: #828282; display: block; mask-repeat: no-repeat; mask-position: center; margin: 0 0 3px 0; } .main-menu ul li a.active::before, .main-menu ul li a:hover::before { background: var(--clr1); } .main-menu .reit a::before { mask-image: url('../images/main…

    Asked by VasyOK{!}, January 1, 2020

    0 votes
    1 answer
23. про хаки

    вопрос такой создал таблицу <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Несколько таблиц</title> </head> <body> <table border="1" width="50%" cellpadding="5" align="left"> <tr > <td BORDERCOLOR="red"> 1k </td> <td> 2k </td> <td> 3k </td> </tr> <tr> <td> 4k </td> <td> 5k </td> <td> 6k </td> </tr> <tr> <td></td> <td> 7k </td> <td></td> </tr> </table> </body> </html> ну так вот все заметили что одна ячейка кр…

    Asked by Kain, April 15, 2008

    0 votes
    2 answers
24. Зафиксировать слой

    всем привет! как зафиксировать слой в низу экрана что-бы при прокрутке страницы он оставался на месте .

    Asked by dima2207, April 23, 2008

    0 votes
    1 answer
25. не работает after

    не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз

    Asked by cyber_ua, August 8, 2012

    0 votes
    5 answers