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
-
Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта
Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …
0 votes1 answer -
Не отображается цвет меню в опере
Вот CSS-код, в IE отображается нормально, в опере без красного цвета! .glowingtabs{ width:100%; background-color:#e23620; } .glowingtabs ul{ list-style-type: none; margin:5px; /*Left offset of entire tab menu relative to page*/ padding:0; } .glowingtabs li{ background-color:#e23620; display:inline; margin:0; padding:0; } .glowingtabs a{ float:left; margin:0; margin-right: 5px; /*spacing between each tab*/ padding:0 0 0 9px; text-decoration:none; } .glowingtabs a span{ float:left; display:block; padding: 0px 12px 2px 3px; font-weight:normal; color:white; } /* Commented Backslash Hack hides rule from IE5-Mac */ .glowingtabs a span {float:none;} /* End IE5-Mac hack *…
0 votes11 answers -
Вопрос по формам
Доброго времени суток! Воспрос такой, можно ли вместо кнопки SUBMIT зделать просто текстовую ссылку с присущими таковой свойствами CSS, hover например, или может сделать как то кнопку из картинки, что бы при наведении картинка кнопки менялась на другую.
0 votes5 answers -
Содание страницы с расстановкой текста
Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.
0 votes16 answers -
div relative и static одновременно
Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"
0 votes10 answers -
Вертикальное выравнивание
Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…
0 votes12 answers -
Жирный шрифт ссылки
Доброго дня! Я хотел сделать как на http://sports.ru: Но не знаю как делать. Научите, пожалуйста! Заранее спасибо за ответ!
0 votes5 answers -
Запрет отображения последнего бордера
Доброго дня друзья! Задача: отобразить нижний бордер у каждой ссылки, по примеру: <div id="menu"> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">4</a> </div> Делаю таким образом: #menu a { text-decoration: none; text-align: left; color: #01367C; display: block; padding: 0.7em; border-bottom-color: #99CCFF; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; } Проблема возникает с последней ссылкой - для нее необходимо исключить отображение бордера. Честно, не знаю как и быть. Таблица и прописывание для каждой ссылки отдельного слоя с указан…
0 votes7 answers -
ie как всегда:(
Привет всем! На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то вот сам сайт а вот стили: * {margin:0; padding:0; border:0;} ul { list-style:none; } a { color:#fff; text-decoration:none;} a:hover { text-decoration:underline; } html { height:100%; } body { color:#fff; font:normal 20px Arial; background:#CD1873; height:auto !important; height:100%; text-align:center; position:relative; min-height:100%; min-width:1000px; width:100%; *width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); } #main2 {vertical-align:top;background:url(…
0 votes11 answers -
Кнопка сброса формы
Ребят посдкажите, столкнулся с такой задачей, есть кнопка сброса формы <input type=”reset”>, я к примеру делаю кнопку отпраавки формы картинкой так <input type=\"image\" src=\"images/send.jpg\"> Как мне также кнопку сброса формы, сделать картинкой?
0 votes6 answers -
Expression в Firefox
Несколько дней назад благородные и умные местные люди подсказали мне экспрешшн для расчёта высоты дива от родителя. Вот он: height:expression(this.parentNode.offsetHeight-182+'px') Но я обнаружил, что почему-то он не работает в мозиле. что-то можно сделать? (только не говорите о том, что уже можно сделать со мной - и сам уже понял )
0 votes12 answers -
Позиционирование и обтекание
На данный момент есть вот такой код: <div style="width: 206px; height: 80px; background:#9F6; position:relative;"> <div style="float:left; width: 50px; height:19px;"></div> текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст<div style="float: right; width: 50px; height:40px; background:#C06; float:right;"></div> И вот такой блок в результате Как красный блок зафиксировать в правом нижнем углу зеленого и чтоб его обтекал текст слева и сверху, без абсолютного позиционирования? (сейчас чем больше текста, тем ниже смещается красный блок )
0 votes7 answers -
внизу
здравствуйте помогите пожалуйста! как под кодом : <left><b>link </b><a href="<?php echo $url_2; ?>"><span style="font-size: 15px;"><b>spot </b></span></a> написать текст, желательно под link.
0 votes20 answers -
htaccess
У меня вопрос, как мне из правил "переписывания" исключить запросы к файлам JPG? что бы пути к ним можно было оставлять относительными. Я делаю так RewriteCond %{REQUEST_URI} !-f #Если запрашивается не файл то тогда срабатывает правило... Но после добавления ЭТОЙ строчки htaccess вообще работать перестает. Помогите пожалуйста. :|
0 votes15 answers -
хотелось бы узнать о новых технолгиях в сайтосроении?
Кто-нибудьзнаето новых тенденциях в сайтостроении?
0 votes9 answers -
IE неверно отображает список
Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…
0 votes9 answers -
Проблема с Float в IE8 и с Margin: 0 auto; в общем.
Добрый день уважаемые дамы и господа. В общем учусь и набираюсь опыта в этом нелегком деле, и потихоньку делаю сайт. В общем на сайте на странице регистрации все нормально работает, но только не в IE, там почему то все Дивы берут и превращаются в лестницу, посмотрите пожалуйсто http://redsealtd.ru/?page=register Подскажите плизз что нужно написать в условных комментариях в таблице стилей для IE, что бы все показывалось как и Хроме и Мозилле. В общем если вы не возражаете, с вашего позволения задам 2 вопрос. В общем меню сверху хотел задать margin: 10px auto; что бы слева и справа был одинаковый отступ, что бы в общем меню было по центру. Вроде как дизайнеры так делаю. и п…
0 votes11 answers -
min-height не работает при float:left
Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…
0 votes4 answers -
table-layout: fixed и Опера
собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?
0 votes4 answers -
Картинка в закругленной рамке!
Имеется рамка: Как поместить в такую рамку изображение, чтобы углы картинки были срезаны а рамка масштабировалась под размеры картинки Примерно так:
0 votes7 answers -
Установка дизайна на CMS
Меня интересует как поставить диз на CMS! По моей логике я думаю что с начало надо сверстать страницу а че делать дальше незнаю! Может кто что подскажет а то юзаю поиск и меня тока на сайт студий дизайна выкидывает а они явно не скажут
0 votes7 answers -
Нужно как то зачудить что бы тянулся блок
При добавлении текста нужно что бы он тянулся по вертикали! Фон и маркер справа в фотошопе сделаны одним слоем. Я придумал способ, о тогда нужно как то три бекграунда рвзмесить для одного элемента, типа вырезать верхнюю половину, поцентру один пиксель для повторений, и нижнюю половину. Но как это воплотить в жизнь в html не могу сообразить! Как бы его правильно совместить?! Наперед спс!
0 votes8 answers -
Доступ к каталогу страниц html
Посоветуйте как лучше это реализовать в общем дали такое задание по работе: есть страницы каталога в html, на каждой должна быть указана своя цена, так вот нужно как то вводить цену для каждой страницы в этом каталоге. как это сделать? )) , я начинающий, подскажите пожалуйста, мне нужна эта работа
0 votes14 answers -
Раскрытие текста (что то типа спойлера)
Заранее извиняюсь за тупое название темы) просто без понятия как это правильно называется Проблема такая: На фан сайте музыкального исполнителя, есть страница тексты песен. Хочу реализовать следующую вещь: есть строки ххх ууу еее это названия песен, что бы при нажатии на них, развертывалось окно, желательно под названием, и там был текст песни Это что то типа спойлера на форумах или, к примеру, как разворачивается текст песни в вконтакте Линками куда-то и новыми страницами категорически нельзя пользоваться. Буду рад за любую помощь! Если не ясно объяснил, скажите, попробую иначе)
0 votes17 answers -
Отключить исполнение скриптов
Отключить исполнение скриптов (html) Такая проблема. Мне необходимо запретить браузеру пользователя исполнять скрипты на странице (в коде html). Вопроса как бы два: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-