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
-
Скачут <img> в <table> в Mozilla
Добрый день, почему скачут изображения в таблице (раздел портфолио) в Mozilla при наведении на них мышкой? И еще - если нажать на изображение, всплывающее окно их перекроет (обязательно полностью) - при закрытии этого окна, маленькие изображения на долю секунды исчезают, почему? Сайт - gobanner.ru Спасибо всем гуру, которые откликнуться.
0 votes0 answers -
Вертикальное выравнивание контейнера с блоками
Привет. Ребята, такая проблема, нужно вертикально выровнять целый контейнер с 7 блоками внутри. Демо - http://rommar.in.ua/align/ Размер контейнера резиновый (по контенту). Отступы должны быть по 25% от всех сторон при размере экрана больше 1000 пикс., если меньше 600 пикс., то отступы должны быть по 1%. С вертикальным выравниванием все ясно, пробовал делать для чистого блока, все работает, а вот для такого контейнера не могу нормально сделать, целый день сижу кручу. <div class="main"> <div class="corner tl"></div> <div class="edge"> <h1>Lorem ipsum dolor sit.</h1> </div> <div class="corner tr"></div> <div class=…
0 votes0 answers -
Несколько вопросов по верстке html-письма
Добрый вечер. Верстаю html-письмо, табличная верстка, и в принципе все получилось кроме двух моментов: 1) Как сделать кнопку "Некорректно открывается? Просмотреть письмо в браузере"? У меня тело письма динамически создается с помощью php и создать где-то страничку с полной версией емейла не могу, ибо каждому клиенту приходит письмо с разным наполнением. 2) Реально ли сделать кнопку "Распечатать письмо" чтобы прямо из почтового сервиса отдать его на печать? Или нужно снова таки через "просмотреть письмо в браузере" создавать это?
0 votes1 answer -
Пунктирная рамка внутри блока
Подскажите, как можно скруглить пунктирную рамку внутри элемента? Код здесь: http://cssdeck.com/labs/fupgjhr5
0 votes4 answers -
Теги сайдбра в HTML5
В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?
0 votes0 answers -
Помогите найти решение для верстки "хитрого" элемента
Добрый день, ситуация на скриншоте. Нужно чтобы при наведении на пункт меню, слева была не оранжевая полоска (фон), а прозрачность, которая бы действовала и на нижний слой (красный) всего блока с меню. Т.е. чтобы был виден фон сайта. Возможно существует какое-либо решение для таких вещей..
0 votes3 answers -
Перенос лого по центру без медиа запросов.
Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li>…
0 votes0 answers -
Как подобрать шрифт
Привет, как быть если шрифт который предоставлен для макета в гугл/фонтс платный? есть ли альтернативный сайт с бесплатными шрифтами? Пытался подобрать похожий, но это нуторное дело искать в куче шрифтов похожий. Просто хочу сделать пиксел в пиксел.
0 votes1 answer -
Подскажите пожалуйста как лучше...
Доброго времени дня! Подскажите пожалуйста как лучше выполнить в css фон хэдера. Подумал, что если картинкой, то слишком тяжёлая страница получится и однопиксельную картинку рипитить по оси в данном случае то же никак... Как быть?) P.S. На полосу под лого не обращайте внимание. Она отойдёт к лого.
0 votes2 answers -
Експлорер... CSS image repeat y
Есть таблица. В ней контент. Как подогнать под ИЕ такой момент: фон таблицы - узкая полоска - и надо чтоб она повторялась по y. Вместе с тем регулировалась по ширине 100% - у меня она отображается в базовом размере (шире чем надо)
0 votes2 answers -
проблемы с hover и vertical-align
Помогите решить проблему - есть код label:hover img { background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить. } </style> <div style="text-align:left; width:60px; height:32px; float:left;"> <img align="top" src="img.png" width="10" height="10" /> </div> <div style="height:100%; margin-bottom:0; text-align:left; height:45px;"> <textarea id="text_id" name='text' cols='20' rows='4'></textarea> <label for="text_id"> <img src="im/img2.gif" style="vertical-align: top;" /> </label> </div> Хочется выровнять img2 по верхней границе textarea, но при таком выравниван…
0 votes2 answers -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
Таблицы, браузеры...
Создается таблица, в первой колонке одна ячейка, во второй - 3. <table border="0"> <tbody> <tr> <td style="width: 85%;" rowspan="3"> тут очень много текста</td> <td style="height: 34%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <…
0 votes4 answers -
jpeg в браузерах и Chrome
Странный то ли глюк, то ли что. Одна и та же картинка (jpeg) во всех браузерах показывается ок, а вот в Chrome — с какими-то артефактами, будто она пережата (особенно заметна какая-то полоса справа). Пример в аттаче (слева — FF, IE, etc., спарва — Chrome). Смотреть, видимо, нужно не в Chrome =) Кто-то сталкивался с таким? В чем корень проблемы? Спасибо.
0 votes1 answer -
Снова IE
помогите исправить ошибку отображения элементов должно быть так (из Оперы) : http://imageshack.us/photo/my-images/807/operah.png/ а в ИЕ вот так: http://imageshack.us/photo/my-images/19/57035201.png/ помогите пожалуйста исправить этот баг привожу фрагмент файла index.html: <div id='tovary'> <div class='small-knife'> <p class='small-name'><a href='?postid=1'>Нож Выживания Bear Grylls</a></p> <a href='?postid=1' class='small-img'><img src='img/postpics/1336572716_l.jpg'></a> <div class='price-small'> <div class='price'>цена:<br><b>900</b></div> <div class='buy'> …
0 votes2 answers -
Проблема с z-index во всех браузерах
Добрый день , не как не могу понять из-за чего пошел такой косяк. не смотря на то, что z-index указан у всех элементов, есть позишен и у подменю он выше , все равно элементы на фильтре выше чем подменю, подскажите в чем проблема. Тут верстка если нужно могу выложить на jsfiddle
0 votes2 answers -
Немогу найти ошибку в css reset
Вот недавно узнал что такое css reset создал файл,вписал туда стандартные параметры,подключил его к своему style.css,и все елементы расположены вроде как и правильно,но ищез фон,и я немогу определить в чем причина этого,фон белым стал,фоновая картинка ищезла.Собственно вот начало моего style файла @import"reset.css" body { background-color: #000F1E; background-image: url("img/von77.jpg"); background-repeat: repeat-y; background-position:top,center; background-attachment:fixed; background-width:1000px; } если ссылку @import"reset.css" переместить под блок body то фон возвращяется,но все елементы на странице расположены непонятным образом,хаос какойто …
0 votes2 answers -
стили для скролла
есть ли на данный момент хоть какой нибудь кроссбраузерный способ изменить стиль скролла в div'е? с помощью css или javascript. уже очень давно бьюсь, в интернетах нашел только для ie 6+, но мало кто нынче пользуется ie. заранее спасибо
0 votes2 answers -
Проблемы верстки =D
Уважаемые знатоки, я просто уверен, что многие из вас могли сталкиваться с такой проблемой. Нужно разместить блок с абсолютном позиционированием по середине дочернего блока, но вот дочерний блок резиновый как быть? Точнее хотелось бы узнать интересные решения... У кнопочти хочу сделать треугольничек с закругленным краем использую after/before. А нормальный способ держаться середины не могу найти ~_~
0 votes1 answer -
Не вмещается меню
Добрый день, уважаемые участники форума. Очень прошу Вас подсказать, как быть. Есть сайт на друпале седьмом. Проблема в том, что в левой колонке меню, где написано "Сыбайлас жемкорлыкка", там есть продолжение этой фразы, но к сожалению оно не вмещается. Прошу, подскажите как это исправить?
0 votes3 answers -
Можно ли так нарисовать на css3?
Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)
0 votes5 answers -
Гостевая книга с хорошей капчей и красивым интерфейсом
Сабж. Уже второй день ищу нормальную гостевую. Но все что нарыл это ужасающие и старые скрипты аля 2006 года. Нужен красивый интерфейс,возможность подстроить гостевую под тему сайта и вообще смена шаблона и самое главное хоршая капча ибо спамеры за;%;ли уже... Може есть у кого че?
0 votes0 answers -
bootstrap. преобразование меню
подскажите пожалуйста какая настройка отвечает за преобразование верхнего меню в иконку при малой ширине экрана для этой страницы. мне нужно чтобы оно преобразовывалось в иконку только на телефонах с очень маленьким экраном
0 votes4 answers -
Кнопка со скрытым текстом
Друзья, посоветуйте как правильно оформить кнопку, чтобы по клику выезжал скрытый текст. Что нибудь в виде этого Пытаюсь модифициолвать этот код <a href="javascript:sh()">Заказать звонок</a><br /><div id="info" style="padding-top:15px;">Оставьте Ваш номер телефона и мы свяжемся с вами в ближайшее время[contact-form-7 id="594" title="Номер телефона"]</div><script type="text/javascript">sh();function sh() {obj = document.getElementById("info");if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }}</script>
0 votes1 answer -
Помогите со слайдером
Помогите пожалуйста Как можно сделать слайдер с неровными краями как на картинке?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-