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
-
Js
$(document).ready(function () { $("#lean_more").toggle ( function() { $("#contentmore").fadeOut(1000); $(this).text("Читать дальше"); }, function() { $("#contentmore").fadeIn(1000); $(this).text("Свернуть текст"); }); }); не работает... Почему??
0 votes1 answer -
Помогите настроить положение текста в таблице
Помогите настроить положение текста в таблице, я уже часа 3 сижу ничего по толку сделать не могу, помогите!!! В таблице есть картинка которая всплывает при наведении, как видите она находится в таблице, из-за картинки текст смещается чуть-чуть вверх, а мне надо чётко по середине, как по вертикале так и по горизонтале. Помогите пожалуйста))) <html> <head> <style type="text/css"> A.S1 { display: block; width: 200px; height: 30px; } A.S1:hover { background: url(1.gif); (Ссылка на всплывающую картинку) } </style> </head> <body> <table border="0" cellspacing="0"> <tr> <td width="200" height="30" align="center"><a href=…
0 votes4 answers -
Помогите победить background-image
Здравствуйте гуру CSS Помогите пожалуйста дилетанту. Уже который день бьюсь, не могу поменять фон на изображение. Нашел кусок кода, который за это отвечает. Прописал background-image: url(images/111.gif);-ничего не происходит. Причем если меняю фон с помощью тега background:#666666;-то он меняется без проблем. Использую Joomla 1.5 + virtuemart 1.1.9 вот кусок кода из template.css /*——————————————————————————————*/ /*———————————-- Main Design Styles ———————————--*/ /*——————————————————————————————*/ body {background:#666666; background-image:url(images/111.gif); } .indent-content { padding:0 10px 5px 10px;} .main {width:1100px;} .main-indent {padding:22px 4px 25px 4px;} …
0 votes4 answers -
Помогите с тегом <base>
Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>
0 votes9 answers -
Проблемы Со Скриптом
Ребят, подскажите как сделать так, чтобы со скриптом, который ниже (ставит картинку во весь экран) можно было не одну картинку во весь экран поставить, а несколько, чтобы их можно было просматривать, используя полосу прокрутки. Пробовал через table, frame - безуспешно. С frame делил страницу на 3 столбца, вставлял 3 фотки, еще добавлять картинок не получалось, т.к нет полосы прокрутки. С table-ом почти тоже самое или хуже. Вот сам скрипт:
0 votes1 answer -
Помогите с дизайном
Решил написать сайт к игрушке одной, старенькой. Вот, ломаю голову над дизайном. Решил выложить на обозрение Надеюсь, кто нить что-то скажет, поправит ошибки, или хотя бы укажет на них. p.s. Текст будет скорее всего не красный. Просто он в Paint открыт был, его и оставил. Как думаете, текст черный сделать, или какой?
0 votes3 answers -
Клик меню на :target
Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)
0 votes25 answers -
Фон с шумом(не картинка)
Здравствуйте, Мне надо сделать noise на фоне. Как это сделать средствами css3? Если это не возможно, то напишите решение хоть какое-то кроме картинки. Если это javaScript, то, пожалуйста, объясните как это использовать, потому что ранее дел не имел со скриптами. Зарание спасибо.
0 votes3 answers -
Два div друг под другом с выравниванием по правому краю
Добрый вечер. Помогите начинающему. Сижу уже второй час над задачкой. Проблема на странице http://vtrailere.ru/treiler-k-filmu-bolshoi-god . Мне нужно чтобы даты выхода в мире и в РФ были друг под другом. Не могу понять помему они сейчас не под друг другом так как они не inline. Заранее спасибо подсказавшему
0 votes4 answers -
float:left — выталкивание нижестоящего контейнера
Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…
0 votes9 answers -
Повторяющиеся по ширине окна браузера фоны при фиксированном макете.
В фиксированном макете есть повторяющиеся по горизонтали фоны. во всех браузерах, кроме IE7 (для IE6 верстка не делалась), отображается корректно: в IE7: как видите, отсчет фона начинается от края элемента с фиксированной шириной, а не от края окна браузера. буду благодарна за идеи по устранению этой проблемы. html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" c…
0 votes0 answers -
css, блоки доной высоты
Имеется 3 блока по вертикали, средний блок с контентом меняет свою высоту в зависимости от объёма содержимого. Как сделать так чтобы левый и правый блоки равнялись на средний. Блоки сами по себе не вложенные друг в друга. если не затруднить как можно подробнее, в гугле читал, но так и не понял
0 votes8 answers -
Проблема с ссылками в Chrome
Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…
0 votes4 answers -
Расставление img ссылок на едином background'e
Пришлось немного пописать, и возник один вопросик. Вот,например сделал я лого, на котором есть ссылки на фб вк и тд (к примеру) Ну и собственно вылез вопрос как сделать все три иконки ссылками. Не знаю вообще что делать, пару идей попробывал, типо текст подгонять и потом скрывать его, ничего толком не получилось. Помогите пожалуйста, сегодня нужно! Буду очень признателен
0 votes7 answers -
Поставить H1 и div в одну строку
Здравствуйте, нужна помощь по следующему вопросу: Хочу поместить кнопку Google +1 на страницу каждой категории. Как сделать так, чтобы кнопка была справа от заголовка? Вот стиль заголовка категории: h1.archive-title { padding:0 0 15px; margin-bottom:15px; border-bottom: 1px solid #ddd; }Для кнопки я создал стиль: #plusone { float: right; display: inline; }Поставил div с кнопкой рядом с заголовком: <h1 class="archive-title"><?php _e("Рецепты"); ?>: <?php echo single_cat_title(); ?></h1> <div id="plusone"><g:plusone></g:plusone></div>Естественно, так оно не работает. Пробовал прописывать в стиле для h1 (displ…
0 votes8 answers -
css3pie
Доброе утро! Нашёл интересную вещь css3pie и хочу, чтобы заработало все в IE8, но не работает. Подскажите, где в коде у меня может быть ошибка: http://jsfiddle.net/LuxCore/3wfaJ/118/ Спасибо.
0 votes3 answers -
Line-height для Textarea в Opera..
Добрый день! У меня такой вопрос: Можно ли как то кроссбраузерно повлиять на line-height для Textarea в Опере? Также хотелось бы понять - возможно ли как то задать перенос строки для вышеупомянутого случая? (Страница находиться здесь: http://yamaradg.narod2.ru/history/Forma/index.html Скриншот с описанием можно увидеть по следующему адресу: http://yamaradg.narod2.ru/history/forma.jpg ) В дополнение ко всему столкнулься с трудностями в инпутах: в Сафари и Хроме!? Проблема связана всё с тем же line-height!? В остальных браузерах всё в норме... P.S.Заранее Всем очень признателен за помощь...
0 votes0 answers -
Отступ после reCAPTCHA
Имеется два, прилегающих друг к другу, блока ... <DIV id="content"></DIV> <DIV id="footer"></DIV> ... #content { width: 729px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; background: url(contentfon.png) repeat-y; } #footer { width: 789px; height: 20px; margin: 0 auto; background: url(footer.png) no-repeat; } При вставке в первый (верхний) блок reCAPTCHA, в некоторых браузерах (Chrome и Safari) между блоками появляется отступ. Как его убрать? Вставляемый код reCAPTCHA: <script type="text/javascript" src="'. $server . '/challenge?k=' . $pubkey . $error…
0 votes2 answers -
Громоздкий код
Добрый день. Подскажите пожалуйста, есть ли возможность подключать один .html файл внутрь другого. У меня есть много файлов .html, скажем лого, меню, разные колонки и т.д., и я хочу соединить это всё воедино. Конечно можно создать один .html и туда всё скопировать из всех файлов, но тогда мне будет тяжело это редактировать и дописывать новое. Мне надо чтобы файл выглядел приблизительно так: <body> {include file="logo.html"} {include file="menu.html"} {include file="left.html"} {include file="right.html"} {include file="post.html"} {include file="foot-menu.html"} {include file="foot.html"} </body> Я пробовал уже разные варианты, которые нашёл в интернете, но чт…
0 votes3 answers -
Проблема с SWF (флешь ролика) при верстке, происходит белый скачок
Всем добрый день коллеги, столкнулся с такой проблемой при верстке: При загрузке флешь ролика (.SWF) происходит моргание белым цветом (если не моргнет попробуйте в другом браузере) далее ролик начинает играть. Вот тут вот сама проблема: http://andersstilleben.com/ Сразу отвечу: в ролике белого цвета нет вообще, только черный: #000000 Бит рейт SWF ролика при компиляции 18 кадров, также делал 36 фреймов, проблема не в ролике 100% Проблема наблюдается в бразуерах: Opera, Safari, Chrome и вроде в некоторых IE Код index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/19…
0 votes2 answers -
Сайт. Взгляд глазами админа.
Здраствуйте! Решил сделать свой сайт. Прочитал книгу о hTMl, CSS создал главную страничку со стилями к ней. Теперь стоит вопрос, как наполнять сайт содержимым? Т.е. по идеи админ видит некую веб-форму, в которой пишет название новости, пишит текст, вставляет картинку и тп. Далее нажимает "Ок" и статья появляется на сайте. Собственно вопрос, как создается подобная форма? Что для этого нужно знать? PHP?JS? или Мб с этим как нибудь связана CMS (WordPress и тп) ? Заранее спасибо
0 votes10 answers -
отсупы и маркеры
День добрый, не судите строго, в CSS пишу 5 дней всего, но очень надо. Суть проблемы. Есть модуль меню типа аккордион, (название модуля mod_jv_accordion_menu). Сам модуль отличный но естетсвенно для дизайна сайта CSS немнного изменить пришлось. На данный момент по непонятной мне причине маркер (стандартный из шаблона дизайна, вид картинка) не хочет делать отступ от края блока (сори за мой французский,не знаю всех названий в css). Сейчай у него 10px, а необходимо 0px. В отличии от маркера с текстом такой странности не наблюдается. www.kubess.ru СМ. Блока 1С:Предприятие 8. Прикладываю код: .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 5px; } .jv_aclickm…
0 votes0 answers -
2 и более фоновых изображений
нужно поставить несколько независмых по местоположению изображения как фоновые. сверху них сверстать таблицей. метод: <table class='img1'> <tr class='img2'> <td class='img3'> </td></tr></table> как бы работает, но раставить другие объекты, на таким образом вставленные изображения, уже невозмжно.
0 votes1 answer -
Галерея на JS + выравнивание по центру
Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке). Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании display: block; margin: 0 auto; галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить? Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее. UPD. РЕШЕНИЕ…
0 votes6 answers -
проблема с высотой (height:100%) при 2 background-image
Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-