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
-
Вопрос по выпадающему меню
Камрады помогите, сделал выпадающее меню вот на главной странице с помощью сайта purecssmenu как мне теперь отрегулировать чтобы выпадающие разделы были по длине текста а получается что длина кнопки выпадающего пункта длиннее чем текст.Как например в разделе прайсы.Это первый вопрос.Второй : как сделать так чтобы каждый выпадающий пункт и его подпункт выпадали вниз (следующий подпункт чуть со смещением вправо)? У меня получается каждый пункт и подпункт выпадают вправо (появляется скроллинг чтобы посмотреть след пункт так как он еще правее), это можно увидеть в пункте Вентиляционное оборудование. Вот код CSS этого меню : #pcm{display:none;} ul.pureCssMenu ul{ display:n…
0 votes0 answers -
Портфолио вылезает за приделы блока...
Проблему решил. Прошу удалить тему.
0 votes0 answers -
Управлять псевдоэлементом при ховере родителя
Есть большой элемент, скажем с классом "ololo". У него есть маленький псевдоэлемент. Нужно управлять стилями псевдоэлемента при ховере элемента "ololo". Т.е. имеем: .ololo { some styles } ololo::after { some another styles } Нужно что-то типа такого: .ololo:hover ::after { .... } Но этот вариант селектора не рабочий. Каким должен быть селектор? Или с использованием псевдоэлемента это не возможно?
0 votes2 answers -
html-код в <textarea>
Надо чтобы html-код отображался в textarea Например: <body> <textarea> <img src="123.jpg"> <textarea>Hi!</textarea> fqwe </textarea> </body> Нужно чтобы отображалось <img src="123.jpg"> <textarea>Hi!</textarea> fqwe в текстарии <xmp> не помогает
0 votes3 answers -
Как реализовать такое наведение без flash?
Здравствуйте! Есть эффект наведения, который можно увидеть здесь, если наводить курсор на фотографии. Можно ли это реализовать без flash/js и как?
0 votes1 answer -
как обрезать изображение?
В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…
0 votes1 answer -
Помогите с решением
http://www.orthoscheb.com Если не трудно, обьясните на словах, как создать развертывающееся меню вверху и подменю (суставы, конечности и т.д). Вдвойне буду благодарен, если будут примеры кода.
0 votes1 answer -
как сделать прозрачный фон в картинке?
http://joxi.ru/DmBNZa1hMNEYmP вот код
0 votes1 answer -
Вопрос по стандартным макетам
Сгенерировал стандартный макет на http://csstemplater.com/ Похожая структура макета часто встречается у многих вебмастеров, поэтому появился небольшой вопрос по этой теме. Ссылка на страничку Вопрос: 1. Для чего все дивы входят в <div id="wrapper">? Мы же можем создать просто идентификаторы для нужных элементов. То есть у нас же есть шапка, контент, боковая колонка, подвал и все они, как бы правильно это сказать, являются вложенными дивами <div id="wrapper">. 2. Так же <div id="content"> является вложенным для <div id="container">. Для чего это делается? Общий вопрос: Каким образом это все помогает верстать?
0 votes1 answer -
Диалоги
Хочу написать Диалоги как вКонтакте, подскажите в чем тут может быть проблема? Чтобы do while так же выводил как вКонтакте. <div>w1ndw0rk - v0in<div> <div>v0in - w1ndw0rk<div> http://cs5870.vk.com/u10393717/107424414/x_a9c1abda.jpg $dialog_res = mysql_query("SELECT * FROM messages WHERE author='$login' ORDER BY id DESC") ; $dialog_row = mysql_fetch_array($dialog_res) ; //************************************************ //************************************************ if (!empty($dialog_row['id'])) { do{ $user_res = mysql_query("SELECT * FROM users WHERE login='$login'") ; $user_row = mysql_fetch_array($user_res…
0 votes1 answer -
Разъезжается header.php
Добрый день! Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт. Возникла проблема: Имеется файл header.php с кодом: <table width="1024"> <tr width="1024"> <td width="230" rowspan="2"> <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a> </td> <td width="520" > <h2> Подарочные книги оптом и в розницу от издательства. <br /> Мастерская подарочных изданий. </h2> </td> <td…
0 votes0 answers -
Не выравниванивается в строку
На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.
0 votes1 answer -
Внутренние ссылки
Ребят, доброго времени суток, есть такая проблема, на опере внутренние ссылки прыгают. Короче есть ссылки типа <a name="бла бла бла">бла бла</a> есть прокручивающийся див внутренние ссылки ссылаются на категории в прокручивающимся диве на опере при нажатии на такую ссылку категория встаёт под вверх экрана а надо что бы основной скрул стоял на месте а двигался только внутренний скрул короче вот сайт http://shtany-club.ru/osnova_menu.php под меню ссылки на опере посмотрите, есть какие нибудь варианты что бы устранить это средствами html или css?
0 votes1 answer -
Нужен программист
Нужен программист для решения задачи вычленения из текста статьи релевантный заголовок. Если сработаемся, еще есть несколько задач, которые хотелось бы видеть программами.
0 votes0 answers -
первый опыт бутстрап
http://texteredsa.besaba.com/GG/GG/ открйте эту страницу и введите в окошко images/pixp.png и enter и смотрите что http://hostingkartinok.com/show-image.php?id=3ac163b5eab8b7def84ad98d8c3a611e первая колонка сдивнута не много. проблема решается если убрать у .container padding -15px, также решается если для .row сделать margin -30px. почему так? я не правильно сетку сделал? ведь макет шириной ровно 1170 px и ничего не надо редактировать бутстрапе.
0 votes0 answers -
Несколько ссылок в линию с разным фоном
Практикуюсь в верстке, делаю автомобильный сайт.Имеются 5 категорий.Необходимо сделать их в виде квадратов определённых размеров (некликабельные картинки, на фоне), а на переднем плане по-середине них ссылки в обычном виде (Кликабельное слово с text-decoration: none).Квадраты на равном друг от друга расстоянии.Не могу понять как реализовать, постоянно вверх боковые съезжают. Вот контейнер, в котором это всё дело находится и моя рукопись <section> <div class="container"> <div class="nav"><div class="usenav"> <h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2> </div> <div class="block clearfix"> <div class="bloc…
0 votes1 answer -
Проблемма с Opera9
Здравствуйте, проблемма такая - есть 2 блока один должен находиться справа, т. е. у него заданы float:right; width и margin. У второго, который должен обтекать, соответственно overflow:hidden; во всех браузерах все хорошо, т. е. ровно. Но в Opera меньшей 9.5 блок с overflow улетает вниз как будто после блока с float:right; стоит <div class="clear"></div>. Убераеш overflow блок становиться на место и все хорошо. Но вариант без overflow меня не устраивает. Гуглил по этой теме - ничего путного не нашел. Зарание благодарен за помощь.
0 votes2 answers -
Сайдбра гаджет
Здравствуйте Написал на С++, думал сделать ГУИ в виде гаджета, но увы... Мне нужно написать прогу, которая будет считывать введенное слово, добавлять ему спереди разделитель и таким образом искать в словаре, далее выводить весь текст начиная с вводимого слова и заканчивая вторим разделителем. Словарь построен таким типом (.txt): *Груша - плодовое дерево семейства розоцветных с плодами в форме округлого конуса.# *Хозяйство - форма производства, совокупность производственных отношений определенного уклада жизни.# *Магазин - торговое предприятие, где продают товары в розницу.# Подскажите как можно реализовать? Желательно с примерами, так как HTMLом очень слабо владею. Спас…
0 votes0 answers -
центрировать надпись
подскажите пожалуйста хороший способ, которым можно центрировать по горизонтали надпись в подвале. страница только не предлагайте сделать обёртку из дива с правилом margin: 0 auto; так как в разных браузерах длина строки из символов будет немного отличаться. следовательно надпись будет не совсем по центру. кроме того при изменении размера шрифта в ие будет появляться та же проблема
0 votes1 answer -
Резиновая таблица с схлопывающейся колонкой.
Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?
0 votes2 answers -
Позиционирование div'а
Здравствуйте! Я только начал изучать web дизайн, это мой первый проект. у меня такая проблема: div коряво располагается в доступном пространстве. код html <td id="notesline" colspan=3> <div id="fullnotes"> <div class="note"> <div class="oldnotetext"><a href=#>Какой-нибудь текст</a></div> </div> <div class="note"> <div class="oldnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="midnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="newnotetext"><a href=#>Какой-ниб…
0 votes1 answer -
Подскажите
У меня есть 2 кнопки подписка на новости type="radio" и у меня по умолчанию стоит нет, а нужно что бы было да. ВОТ ПОЛНЫЙ КОД <table class="form"> <tr> <td><?php echo $entry_newsletter; ?></td> <td><?php if ($newsletter == 1) { ?> <input type="radio" autocomplete="on" name="newsletter" value="1" checked="checked" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" /> <?php echo $text_no; ?> <?php } else { ?> <input type="radio" name="newsletter" value="1" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" checked="checked" /> <?ph…
0 votes2 answers -
Почему на этой странице блок выше?
Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом
0 votes1 answer -
Наложение уголков
Есть вот такая картинка. Как считаете, можно ли обойтись в данном случае одним элементом? Всякие :before тоже не считаются. Как только задал вопрос, сразу же пришло решение. Надо использовать радиальный градиент. height: 100px; width: 100px; background: radial-gradient(#FFFAC0 49px, #6DC065 50px);
0 votes1 answer -
почему подсказка не красного цвета?
http://jsfiddle.net/Skd7Y/
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-