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
-
Поменять div'ы местами визуально.
Возможно ли поменять местами верхний и нижний div без JS, с использованием только css и HTML? Размеры по вертикали обоих дивов неизвестны, они должны быть на определённом расстоянии друг от друга, например 0px(поэтому absolute у дивов не подходит). <html> <head> <style> #i1 { background-color:red; width:80%; height:200px; position:relative; bottom:0px; } #i2 { background-color:green; width:80%; height:200px; position:relative; top:0px; } #m{ position:relative; border:3px solid blue; } </style> </head> <body> <div id='m'> <div id='i1'></div> <div id='i2'></div> </div> </body> </html>
0 votes16 answers -
Ширина(box-sizing) в Mozilla
У меня есть один блок, во всех браузерах он отображается нормально, но в Mozilla нет. Проблема оказалась в box-sizing. Прочитав на этом сайте об этом тебе я обнаружил что начиная с Mozilla 1.0+ этот тег не воспринимается. Но что мне тогда делать? Ведь блок вылазит за свои рамки! Я пробовал -moz-box-sizing: border-box; он начинает видеть этот тег но вообще никак не реагирует на него. Как быть?
0 votes7 answers -
переход к конкретной вкладке на другой странице
Добрый! Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. Подскажите в чем может быть проблема... Заранее очень благодарен! Страница с вкладками - HTML (/ceny): <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="ta…
0 votes4 answers -
Ссылка для import шрифта DS-Digital в css
Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.
0 votes4 answers -
Windows Media Player
Возможно организовать такое: при нажатии на кнопку (посмотреть) видео файл воспроизводился у клиента в WMP.
0 votes3 answers -
блочная верстка
Подскаскажите, пожалуйста, что не так сделал хотел типа этого: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style type="text/css"> body { margin:0px; padding:0px;} div { border: solid thin;} #centerLayer { width: 1024px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background:; /* Цвет фона */ padding: 0px; /* Поля вокруг текста */ text-align: left…
0 votes7 answers -
Border для Img
Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо
0 votes7 answers -
Табличная верстка
Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0…
0 votes6 answers -
form>input ?
Где-то слышал, что помещать теги input напрямую в form не валидно (нужно оборачивать в fieldset, label, div и т. д.). Валидатор вроде молчит, но все же, интересно стало: как тут обстоят дела с точки зрения семантики?
0 votes2 answers -
Равномерное выравнивание блоков в несколько строк
Задача состоит в следующем: резиновый контейнер помещает в себе фиксированные по высоте и ширине блоки, которые имеют одинаковый отступ между собой, если месте в одной строке не хватает, то они позиционируются в несколько строк. Вот примерная схема: Вроде бы на этом форуме публиковали статью с данным трюком, на я не могу найти ее.
0 votes5 answers -
div'ы в ячейке таблицы
Доброго времени суток всем! Столкнулась с такой проблемой. В левом столбце таблицы ширина которого 600px мне нужно разместить несколько превьюшек определенного размера. Как их выровнять в ячейке по центру? И возникла проблема с mozill_ой-отображает превью в виде маленьких квадратов... CSS .image { float: left; padding: 3px; margin: 6px 12px 12px 6px; border: 1px solid #CCCCCC; } html <table width="100%" border="0"> <tr> <td colspan="2"><h4 align="center">Фотоальбомы</h4></td> </tr> <tr> <td width="600" align="center"> <div class="image"><a href="# target="_blank"><img sr…
0 votes6 answers -
Ширина макета 1600px высота 1300px как сделать?
По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????
0 votes3 answers -
Как правильно поставить тег leech
У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо
0 votes11 answers -
div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо
Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…
0 votes5 answers -
Несколько вопросов
Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст. Вот само дело: http://kim-evgene.ucoz.ru/MilanoModa/index.html Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг креднего контейнера относительно header'a и foorer'a на пару пикселей вправо
0 votes8 answers -
Раскрытие окна
Как прописать код, чтобы при наведении курсора мыши на определенный объект, всплывало окно в виде картинки, текста, таблицы? заранее всем спасибо за помощь и советы
0 votes8 answers -
Спрятать текст в заголовке
Привет всем. Вот такая задача: есть логотип в виде картинки, я хочу засунуть его в заголовок верхнего уровня (<h1>) в виде backgroundа но так что б текст который находится в заголовке не было видно . Вот пример того что есть, но вот как спрятать текст я еще не понял . Как это можно сделать ? Спасибо
0 votes6 answers -
Доктайп
Добрый день. Не нашёл нужного раздела, извините. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <li…
0 votes5 answers -
Как сделать часы
как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/
0 votes10 answers -
Ошибка в табличной верстке
Посмотрите пожалуйста, где может быть ошибка. Не могу ширину левого столбца уменьшить, перерыл уже и стили и код. _ttp://mr-group.ru
0 votes5 answers -
Список изображений с прокруткой без перезагрузки
<body> <div id="navigation"> <table> <tr class="textnavigation"> <td class="previous"><span class="previous"><a href="photo.html" title="Previous Photograph"><< Previous</a></span></td> <td class="index" colspan="3"><span class="index"><a href="index.html" title="Return to Index">Index</a></span></td> <td class="next"><span class="next"><a href="photo3.html" title="Next Photograph">Next >></a></span></td> </tr> <tr> <td class="thumbcell"></td> <td class="thumbcell"><a href="photo.htm…
0 votes6 answers -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
Firefox криво распознает display: table-cell;
Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.
0 votes14 answers -
Разместить текст поверх блока <canvas>
Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…
0 votes0 answers -
растягивание блока вверх
Здраствуйте, подскажите возможно ли растянуть блок вверх? есть блок в котором еще три. <div> <div> блок1 </div> <div> блок2 </div> <div> блок3 </div> </div> второй блок должен оставаться на месте(это картинка) а первый и второй (текстовые) динамические(1-3 строчки). так вот блок1 растягиваясь опускает картинку(блок2). как первый блок заставить тянутся вверх?
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-