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
-
Вопросик по выпадающему меню на CSS
Всем привет, возник вопросик по выпадающему меню на CSS. Смотрим сайт _http://electrodance.org.ua, видим горизонтальное меню. Наводим, к примеру, на пункт "Новости", выпадает меню, переводим курсор на выпавшее меню и черный фон с ссылки "Новости" исчезает. Помогите, пожалуйста, сделать так, чтобы он не пропадал Стили: _http://electrodance.org.ua/templates/Electrodance/css/style.css Заранее благодарен.
0 votes11 answers -
Expression в Firefox
Несколько дней назад благородные и умные местные люди подсказали мне экспрешшн для расчёта высоты дива от родителя. Вот он: height:expression(this.parentNode.offsetHeight-182+'px') Но я обнаружил, что почему-то он не работает в мозиле. что-то можно сделать? (только не говорите о том, что уже можно сделать со мной - и сам уже понял )
0 votes12 answers -
подчеркивание текста
народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?
0 votes3 answers -
Как сверстать такой блок
Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?
0 votes17 answers -
0 votes3 answers
-
Хитрая форма - "выбрать или ввести".
Добрый день! Необходимо создать форму, в которой будет на выбор предоставлено несколько вариантов ответа, которые я делаю через , но также необходимо добавить вариант, в котором пользователь введет свой ответ, и как это сделать я не могу придумать! Есть ли решение? Спасибо!
0 votes8 answers -
файлы
не знаю точна как прально задать вопрос, сори, но мб кто паймет=))) как сделать, чтобы файлы, которые отправляешь, сохранялись на сервере в отдельной папке? ну чтобы добавить можно было птом на страничку, помогите плз
0 votes15 answers -
Звуковые Css
Господа Верстальщики и Продвинутые программисты, ОЧЕНЬ нуждаюсь в вашем совете!!!! Хоть кто нибудь из вас знаком со Звуковыми таблицами стилей?! У меня катастрофа: Препод дал тему на курсач "Использование CSS для голосовых движков, речевых синтезаторов и т.д.",мол, "Попробуй эту тему, а то мне самому интересно что там и как..." а я кроме непосредственно звуковых селекторов ничего не могу найти!!! Ни примеров, ни книг, ни методичек- такое ощущение что вообще этим ни кто и никогда не занимался!!! Очень прошу, помогите!!!!!! Скиньте хоть какую нибудь инфу!!!!
0 votes11 answers -
И снова кнопки!
Проблема состоит в следующем: на страничке есть форма,на форме кнопка ОК , так воть на эту кнопку необходимо повесить 2 функции. Это функция обновления странички и функция которая будет выполнять определенные действия с данными из полей формы. Внимание вопрос! Что нужно прописать в action формы что бы выполнялись оба действия последовательно, сначала считать и обработать и только потом обновить, как сделать это отдельно я представляю (то есть то что нужно прописать в action для каждого пункта в отдельности), а вот вместе нет.
0 votes3 answers -
таблица и display:inline
Добрый день! Подскажите, что не так. Есть код: <html> <head> <title>4</title> <style> table { display: inline; } table, td, th { border: 1px solid #BBB; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> <tr> <td>112342341234</td> <td>12348907-238947</td> <td>1234123412342341234</td> </tr> </table> </body> </html> В опере и ФФ поверх таблицы отображается какая-то рамка. Опытным путем выяснил, что это пагубное влия…
0 votes5 answers -
Div нерастягивает родительский.
Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.
0 votes6 answers -
Строка поиска скачет
акая фигня: Вот строка поиска в mozilla firefox: http://saveimg.ru/show-image.php?id=f696c3...9b66d07fe2500b2 А вот в Опере: http://saveimg.ru/show-image.php?id=cc1e89...21394e699cabfa6 Корявит это мой сайт не по детски( А вот строка поиска яндекса: http://saveimg.ru/show-image.php?id=70293e...917883062e7ee5f У них строка эта в картинку замурована поэтому при заходе из разных браузеров не скачет) Можно мою также сделать? Вот код строки поиска: <form action="адрес странице результатов поиска" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-4647668356768393:tgizyufcks8" /> <input type="hidden" name="cof" value="FORID:11" /&…
0 votes9 answers -
Возможна ли защита от копирования сайта таким образом...
Здравствуйте ребята. Люблю читать ваш форум, очень много полезного и интересного. Решила всё таки задать свой вопрос. Возможна ли защита от копирования сайта (и как она будет выглядеть в html/css) таким образом, что сама информация то скопировалась, но при размещении ее на другом ресурсе, например, всегда АВТОМАТИЧЕСКИ вставлялся источник ( того сайта с которого копировали) в виде текста "Взято с www.ресурс.ру " или же в виде картинки, при нажатии которой переходили на источник. Что думаете ребята?) очень интересны ваши предложения
0 votes26 answers -
Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним
Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb
0 votes3 answers -
Цвет четных и не четных строк в списке
Подскажите возможно ли на css сделать что-бы у списка четная строка была с белым фоном, а не четная например с серым? если да то подскажите хотя-б в какую сторону копать.
0 votes5 answers -
Определение контейнера
проблема следующая: <td width="90%" height="80%" align="center" > <div style="width: 100%; height: 100%; overflow: auto;"> <table border="0" width="100%" height="400px" class="transparent"> <tr> <td align="center">MIDDLE</td> </tr> </table> </div> </td> я понимаю что div использует свойства контейнера для определения своих размеров. В IE контейнером для него является ячейка и при изменении размеров браузера работает, появляется скрол и div всегда в рамках ячейки в опера же height=80% при загрузке определяет размер для дива, но при ресайзе размер дива не изменяется с ячейкой и таблица в 400 выползает за г…
0 votes9 answers -
Вставка фото в код
Какой вариант семантичней? 1) <img src="" width="" height="" alt=""> 1) <span><img src="" width="" height="" alt=""></span> если учитывать что перед и после картинки идут DIVы
0 votes8 answers -
Проблема с нестандартыми шрифтами.
Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.
0 votes3 answers -
Форматирование кнопки submit
Здравствуйте есть кнопка <input type="Submit" value="пересчитать"> хотелось бы придать ей внешний вид картинкой как здесь http://www.boutique.ru/ (кнопки: регистрация, войти) и обязательно с эффектом ховер на СSS так вот как сделать эффект ховер знаю но как прописать для <input type="Submit" value="пересчитать"> прозрачное изображение что бы отражались картинка фона и картинка фона для hover ? сделал все кроме прозрачного изображения : html <input [b]class="pereshcet" [/b] type="Submit" value="пересчитать"> css [b].pereshcet {[/b] background-image: url(img/bp.jpg); [b]} .pereshcet a:hover {[/b] background-image: url(img/bp2.jpg); } Подскажите пожал…
0 votes2 answers -
Плавающие блоки
Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?
0 votes22 answers -
Как узнать стиль элемента по дефолту?
Ситуация такая: Всем известно, что разные браузеры по умолчанию отображают одни и те же теги по разному. К примеру, стили "тела" по дефолту в FF 3.5: body { display: block; margin: 8px; } а в IE7: body { display: block; margin: 15px 10px; } Вопрос: Каким образом можно узнать, какие стили по умолчанию имеют разные браузеры и их версии? Важно, чтобы это было НЕ в ручном режиме. Может на это способен JS? Имеется перечень всех тегов - нужно для каждого получить все стили. Варианты: - найти в файлах установленных браузеров таблицы стилей и посмотреть - поставить FireBug и промониторить - поискать в интернете дефолтные таблицы стилей НЕ предлагать! =) Пар…
0 votes15 answers -
Не корректная работа .navbar и Sticky [Bootstrap3]
Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.
0 votes9 answers -
Не отображается цвет меню в опере
Вот 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 -
"Наложение" при верстке в Мозилле
Уважаемые коллеги, братья, сестры и товарищи! Прошу помощи вот в таком вопросе. Верстаю я страничку (в битриксе, поэтому в текстах проскальзывает лишнее) со следующего рода содержанием: блок 1 - большая такая "плашка" с тенью и скругленными углами. После нее идет таблица, в первую ячейку которой вставлена подложка. В Опере и ИЕ все ладушки, блок один идет себе спокойно, за ним таблица. В Огнелисе таблица наехала на блок 1, код которого я привела ниже. Честно, не ожидала такой реакции, по сему немного растеряна и ошибок не вижу. Подскажите, люди добрые, как с этим мракобесием бороться. ЦСС <style/css> .roundRectBlock { position: relative; left:100px; top: 20p…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-