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
29,542 questions in this forum
-
Не изменяется ширина ячейки!
Помогите изменить ширину ячейки! Вот html код: <table border="0" width="100%" cellspacing="1" cellpadding="2"> <tr><td class="footer-createbtn1" colspan="2"><?if($NUM_ENTRIES$)?><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b><?endif?></td></tr> <tr><td colspan="2" class="footer-createbtn1"><?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<?endif?></td></tr><br> <tr><td colspan="2" align="center">$BODY$<hr/><div align="center">$SLIDESHOW_BUTTON$</div><…
0 votes1 answer -
Убрать линии в форме подписки
Сздала на одном сервисе форму подписки. Выглядит нормально, но когда выкладываешь на сайт между полями появляются черные линии. Может кто подскажет как их убрать. Вот код формы <!-- SmartResponder.ru subscribe form code (begin) --> <style type="text/css"><!-- .sr-box table {width: auto !important;}#elem_table_element_header{width:268px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside…
0 votes2 answers -
условные комментарии в адаптивной вёрстке
кто-нибудь использовал условные комментарии в адаптивной вёрстке? имхо они просто не работают. к примеру есть код <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/styles_basic.css" media="all"> <link rel="stylesheet" href="css/styles_480.css" media="only all and (max-width : 768px) and (min-width : 480px)"> <link rel="stylesheet" href="css/styles_768.css" media="only all and (min-width : 768px)"> <!--[if IE]> <link rel="stylesheet" href="css/ie.css" media="all"> <link rel="stylesheet" href="css/ie_768.css" media="only all and (min-width : 768px)"> <![endif]--> в ie9 правила из файла css/ie_768.…
0 votes5 answers -
Вертикальное выравнивание в блоке
Как можно вертикально центрировать текст в блоке, vertical-align не совсем работает. Желательно кроссбраузерное решение. Вот пример http://jsfiddle.net/DDNWU/ * во втором блоке БР необходим, что бы разбить надпись на две строки.
0 votes3 answers -
button ie11 border-radius
http://html2css.ru/region/ Проблема стегом button - во-первых внизу бордер радиус отсутсвует у вложенного в него слоя, а также position relative top ведет себя как как абсолютный слой
0 votes0 answers -
Переход по якорям
Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример
0 votes1 answer -
Как заменять элемент при его отсутствии (если не загрузился)?
Как в приведённом ниже фрагменте кода сделать так, что бы если картинка (logo.jpg) не загрузилась, изображение не выводилось, а показало следующую строку (<h1 id="logotext">text</h1>). Я думал в атрибут картинки вставить <h1 id="logotext">text</h1>, но потом подумал, что вставлять теги в атрибут безумно. Помогите, пожайлуста. Основы понимаю более-менее, а сейчас учу всякие приемы и накапливаю свой багаж знаний. <div id="head"> <img src="logo.jpg" /> <h1 id="logotext">text</h1></div>
0 votes2 answers -
Вопрос знатокам CSS
<style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} …
0 votes5 answers -
Слой для цвета блока ссылок
Хочу чтобы ссылки приняли цвет который написан в диве. Делаю так: <div style="color:#c1b78a; font-size:100%;"><?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?></div> Поясню: <?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?> <? if(is_array($arProperty["DISPLAY_VALUE"])) echo implode(" / ", $arProperty["DISPLAY_VALUE"]); else echo $arProperty["DISPLAY_VALUE"];?> Отсюда динамически берутся ссылки которые я хочу изменить цветом. Но если делать как делаю я, цвет…
0 votes1 answer -
Проблема с меню
Ну в общем я создал список и задал клас к тегу Li потом задал как они будут выглядеть после наведение и тд но получается так что сверху остается место в в картике где меню вот ссыль на сайт меню сверху Вот код html <table border="0" cellpadding="0" cellspacing="0" width="826" id="kategories_menu"> <tr><td> <div class="menu_btn"> <ul> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> </ul> </div> </td></tr> </table> Вот код css .menu_btn li a:link {text-decoration:none; color:#ffffff;background:url("/images/header/btn_menu.pn…
0 votes6 answers -
Резиновый дизайн. (от и до)
Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.
0 votes1 answer -
Снипнет для кулинарного рецепта
Здравствуйте, я пытаюсь сделать снипнет рецепта для Google, хочу чтобы в результатах поиска какого-то рецепта, рядом с описанием рецепта выводилась картинка с уменьшенной копией. Вот что я имею ввиду ссылка Салат "Ананас" описание и иконка. Справочник вебмастера говорит о том, что нужно оформить рецепт сонласно правилам разметки и я разметила что позволил мне редактор Joomla 1.7. Но проблема с заголовком рецепта, он выводится джумлой не из текста статьи, поэтому в исходном коде он не отображается. А мне нужно добавить к заголовку обязательный параметр "name (fn)". В моих CSS заголовок имеет только один параметр выравнивания, который я добавила сама } /*CUSTOM**ALIGN CO…
0 votes0 answers -
помогите!
есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } …
0 votes6 answers -
Помогите найти ошибку и исправить таблицу
Есть вот такой вот код таблицы <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr valign="top;"> <td rowspan="2" style="text-align: center;" align="center;"><a href="http://mso.kiev.ua/services/measurement"><img title="Замер" src="/media/rehau-euro-design-60.jpg" alt="Оконный профиль Rehau Euro-Design 60" width="150" height="150" /></a></td> <td style="text-align: left;"><a href="http://mso.kiev.ua/services/measurement">Оконный профиль Rehau Euro-Design 60 </a></td> </tr> <tr valign="top;"> <td style="text-align: justify;">Популярная профильная система для пр…
0 votes2 answers -
Legend
Как сделать чтобы legend не заходила на рамку fieldset?
0 votes1 answer -
Выравнивание!
В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!
0 votes2 answers -
Проверка кроссбраузерности
Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?
0 votes0 answers -
Фиксированное меню
В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…
0 votes0 answers -
Подскажите
Здравствуйте! Подскажите, кто знает. Вот основная тема. В общем, ищу работы для тренировок. Всякие чужие макеты верстать самому для себя конечно полезно, но удовлетворения от этого не так много, как нужно для мотивации к последующим свершениям. Чувствую если так буду продолжать, то такой пламенный интерес к верстке угаснет. Поэтому и хочется найти заказы от живых людей за символические суммы, которые будут служить утешением и хоть малыми, но все таки плодами моей работы. Во-первых можно ли вообще такое найти? А во-вторых можно ли здесь найти подобное, или может есть другие хорошие места именно для поиска легких работ?
0 votes2 answers -
Верстка scroll
Здравствуйте, такая вот проблемка.. Не могу понять и найти как верстать scroll И как его можно сверстать для <select name=""> <option>1993</option> <option>1994</option> <option>и тд..</option></select>так же как и для чата какого нибудь, хотелось бы узнать... Заранее спасибо
0 votes3 answers -
помощь в строках таблицы
Ребят, не знаю, туда ли написал или нет... не судите строго. Нужна помощь, хотелось бы знать, как реализовать такие вот строки... Нужно в точности перерисовать эту таблицу в html вид и вот не знаю, как опустить эти строки Заранее благодарен.
0 votes2 answers -
посоветуйте адаптивный слайдер
есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.
0 votes0 answers -
Как сделать аналогичную анимацию скролла
Каждый блок на весь экран. При скролле новый блок появляется как показано на видео: http://www.youtube.com/watch?v=WyMe1vMBzak Подскажите, может есть готовое решение подобных переходов?
0 votes0 answers -
box-sizing из bootstrap css наследуется на tables
Здравствуте! Подскажите пожалуйста кто знает. Мне необходимо отменить box-sizing: content-box конкретно для таблиц (table), так как в таблице надо задать фиксированную ширину столбцаа это свойство не даёт это сделать, загружается из bootstrap.css (сайт на джумла 3) Если же его полностью закоментировать то ломается шаблон сайта, надо отменить конкретно для тега <table> Спасибо за внимание.
0 votes1 answer -
Точка над рисунком
При нажатии на ссылку-рисунок в ff3 над рисунком появляется непонятная черная точка, что это и как это убрать? (рисунок тот, что синенький)
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-