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
29542 questions in this forum
-
странности с text-align: jistify
Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы
0 votes5 answers -
Проблема в верстке меню
Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в 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…
0 votes3 answers -
Как сделать, чтобы сайдбар был по центру контента?
Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <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 файл сайта это пишу, то ничего не происходит и он как распологался сверху, та…
0 votes3 answers -
Плавное появление меню слева
Приветствую, нужно готовое решение с плавным появлением менюшки как нибудь слева (тянущийся блоки), чтобы без каких либо картинок, т.к менюшки разные по длине запиливаю сюда ###
0 votes4 answers -
Настройка тега select
Здравствуйте форумчане Недавно столкнулся с такой проблемой, которую не могу решить уже долгое время(( Даже всемогущий гугл мне не помог, так что рассчитываю на вашу поддержку А сам вопрос довольно прост: есть список select, который обязателен для отправки формы Первой опцией является просто сообщение "выберите персонажа", а остальные уже сами персонажи Мне надо, чтобы форма не отправлялась, если стоит опция "Выберите персонажа" Я ставил на эту опцию атрибут disabled, но это не помогло Вот собственно код <select required name="character"> <option disabled>Выберите персонажа</option> <option>Орк</option> <option>Эльф<…
0 votes4 answers -
Появление списка на месте картинки
Здравствуйте! Подскажите, пожалуйста, можно ли реализовать чтобы при клике на месте картинки появлялся список с фоном отличным от картинки?
0 votes12 answers -
Локальное использование ssi
Добрый день. Возможно ли избегая всякие сборки типа денвера, wingnix или open server, использовать локально ssi ?
0 votes3 answers -
Возможно ли частично перекрыть элемент, но оставить его видимым для курсора?
В макете нужно реализовать наложение картинки на меню, но хотелось бы при этом оставить элементы меню доступными для клика полностью, а не частично. Сейчас реализовано так, что доступна только верхняя часть кнопки https://arthurmiko.github.io/shadows_portfolio/ Здесь воспроизведена подобная ситуация и вопрос относительно этого случая. Можно ли как-то оставить серые блоки доступными для курсора, в области их перекрытия синим блоком? Наверняка это можно реализовать с помощью JS, но есть ли способ обойтись HTML/CSS?
0 votes6 answers -
Несколько начертаний шрифта на сайте
На сайте используется несколько начертаний шрифта 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; } Вопрос, как в таком случ…
0 votes0 answers -
А нельзя ли сделать стиль по параметру "name" инпута?
Извините пожалуйста, что создаю новую тему, а не пишу в той, просто хочется чтобы дополнительный вопрос был поскорее увиден, хочется быстрее закончить ксску Собственно, нельзя ли сделать стиль по параметру "name" input-тега? Заранее спасибо. З.Ы, Если это у вас смертельный грех - можете меня забанить на нужное время - только ответьте пожалуйста
0 votes5 answers -
Выравнивание фона
Здравствуйте! Подскажите, как сделать, чтобы фон страницы выравнивался на центр. На фоне изображена симметричная картинка, и когда уменьшаеться окно браузера, то симметричность теряеться. Заранее спасибо
0 votes4 answers -
Помогите Глючит В Ие Таблица + Формы
Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол. В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается. точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали как избежать этого? + как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня) может какое нибудь другое решение предложите... выслушаю все) Заранее спасибо <style type="text/css"> .login { w…
0 votes2 answers -
Зачем нужны комбинированные селекторы?
Продолжаю изучение CSS и вот возник такой вопрос: зачем нужно использовать комбинированные селекторы? Что можно сделать с их помощью, чего нельзя было бы сделать с помощью стилевых классов и именованных стилей? Заранее признателен.
0 votes3 answers -
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/
0 votes8 answers -
Центрированное горизонтальное меню на 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…
0 votes6 answers -
absolute отрицательно смещенный за границу экрана образует горизонтальный скролл
Суть темы в заголовке. Нужно расположить вот так: Нужно чтобы красный блок прятался частично за экраном когда экран небольшой и не расстягивал сайт фиксированной ширины в 980 px. Пока придумал только так: body { overflow-x:hidden; } Но это вообще убивает горизонтальный скролл, даже когда экран менее 980 px, что не есть гуд((
0 votes5 answers -
Проблема с вложенностью блоков
Вот есть у меня уже сверстаный блок. Вот его код: <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…
0 votes2 answers -
как сделать простейший поисковик по интернету при табличной верстке
Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик 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…
0 votes3 answers -
Можно ли заменить position:relative+top на margin-top?
День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2
0 votes4 answers -
Реализация лотерейного билета
Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?
0 votes3 answers -
Соединие 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…
0 votes6 answers -
Как правильно задать бекграунд псевдоэелементу 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…
0 votes1 answer -
про хаки
вопрос такой создал таблицу <!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> ну так вот все заметили что одна ячейка кр…
0 votes2 answers -
Зафиксировать слой
всем привет! как зафиксировать слой в низу экрана что-бы при прокрутке страницы он оставался на месте .
0 votes1 answer -
не работает 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; } помогите плизз
0 votes5 answers