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
-
Как убрать бордер при contenteditable
При начале редактирования элемента с contenteditable FF обводит его бордюром. Как убрать?
0 votes2 answers -
Помогите разобраться с фонами
Помогите пожалуйста разобраться с фонами... Так что бы под левой колонкой не появлялся белый фон... Код HTML: <div id="comp"> <div id="left"> <jdoc:include type="modules" name="left" style="table" /> </div> <jdoc:include type="component" /> </div> Код CSS: #left { width: 300px; float: left; height:100%; background-color: #0420c3; } #comp { width: 98%; background-color:#FFFFFF; } Суть вопроса состоит в том можно ли как-то ограничить фон comp на 300px от левого края или продлить фон left до нижнего края comp. Сейчас эта проблема актуальна http://www.planet-tour.com.ua/
0 votes2 answers -
модуль анонсов
помогите написать код для модуля анонсов произведений на главной странице. то есть, человек вставляет в определенное окошко ссылку на свой рассказ, кликает на "разместить" и эта ссылка появляется на главной странице. было бы хорошо, если при этом еще было бы окно для введения названия рассказа. главная страница у меня сделан в dreamweaver. прошу помочь, так как искал долго и безуспешно, а знаний для написания кода самому, пока не хватает. заранее благодарен всем кто откликнется
0 votes15 answers -
разнае свойства элементов списка, помогите!
Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…
0 votes7 answers -
Как вывести информацию в нужный div при нажатии на ссылку ?
подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !
0 votes4 answers -
Прижимание div position:absolute справа
Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…
0 votes2 answers -
Проблема в подчеркивании ссылок при наведении и нет
Здравствуйте. Возникла проблема с подчеркиванием ссылок, решить никак не могу. Вот мой сайт http://blog-invest.ru/, надо сделать так, чтобы заголовки постов были выделены красным и подчеркнуты, а при наведении цвет бы менялся на черный и подчеркивание убиралось. Я сколько не пытался, ничего не получилось. По идее вот тут надо порыться, чтобы настроить h3.h1 { color:#B30000; font-size:22px; text-decoration:underline; } h1 a, h3 a, h1 a:visited, h3 a:visited { text-decoration:none; } h1 a:hover, h3 a:hover { text-decoration:none; однако сколько не пробовал - ничего не получалось. Вообще с CSS мало знаком, поэтому вот и прошу у вас помощи. Спасибо заранее.
0 votes3 answers -
С таблиц в слои
Здраствуйте ,как даний код переделать с таблиц в слои ,когда просто меняю все table и td на div страница искажается.... <table id="shortstory" > <td class="left_short" >[full-link]{title}[/full-link] </td> <td class="bg_short"> </td> <td class="right_short"><b> {date=d.m} | {favorites}</b></td> </table>
0 votes3 answers -
Верстка категорий товара из изображения
Имеется такое вот изображение категорий товаров. Беда вся в том, что слой всего один. Уже принял решение верстать его как карты-изображния, но чутье мне подсказывает, что это не единственный выход. Как можно еще реализовать?
0 votes8 answers -
Прозрачность фона
Здравствуйте! Искал темы и в нете и на этом форуме, так и не решился ни на один из вариантов, либо решил - но не получалось. Раньше сталкивался с прозрачностью, но она была на верхних слоях, сейчас же мне нужно, что бы родительский элемент был полупрозрачным, а все элементы внутри - нормальные. Пытался играть со слоями свойством z-index, но безуспешно. <table id="headpanel"> <tr> <td id="headpanel_l">...</td> <td id="headpanel_r"> <div id="headpanel_reset"> <div id="search">поиск</div> <div id="time">часы</div> <div id="headinfo">название сайта</div> </div> </td> <…
0 votes15 answers -
Струкрута контента
Это мой первый сайт. Сразу к делу.... Создал я более или менее приличное горизонтальное меню (надписи с ссылочками) но не в этом суть...сделал лого и вставил его через css. далее надо сделать самое важное - контент сайта... как сделать? если я понимаю..то просто создать div или table и заполнить нужной инфой...сделать так с каждой страницей а меню будет перекидывать? можно ли это сделать проще и как будет правильней и удобней? жду ваших поправок и советов.
0 votes10 answers -
Подскажите начинающему
Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…
0 votes8 answers -
Подсветка area
Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?
0 votes5 answers -
Друзья! Помогите с Иконками-ссылками
Привет! У меня возникла проблема.. решил помочь другу с дизайном его странички на myspace.com, в общем он меня попросил сделать ему картинки по которым можно было бы переходить на др. сайты.. у меня IE у него Firefox, мы по разному видим результат работы.. смотрите как... http://img214.imageshack.us/img214/9800/43932721.jpg я пользовался тэгами <tr> <td> <td> </tr> В этом деле я чайник Что делать? Спасибо!
0 votes7 answers -
JS+TEXTAREA+WRAP+FF
Как при помощи JS управлять свойством WRAP по FireFox. document.getElementById('MyTextArea').wrap ==> unknown.
0 votes2 answers -
Background
то что серым цветом,я хочу чтобы было прозрачным.Помогите кто может.А вот и код,который отвечает за него <table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #026115;"><tr><td style="background:#999999;">
0 votes5 answers -
Изображение (увеличение)
В общем ситуация такая. На многих сайтах видел, как по щелчку на картинке, она увеличивается и оказывается по центру окна браузера, при этом основной контекст страницы как бы становится приглушенным. Сие хочу тоже реализовать. То есть есть сайт, на нем картинки, оформленные пока как <a href='ссылка на полную картинку'><img src='ссылка на уменьшенную картинку'></a> Как сделать так, что бы основной контекст страницы становился темным, а картинка оказывалась увеличенной по середине окна браузера? Заранее спасибо.
0 votes6 answers -
div внутри table
делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt="">…
0 votes2 answers -
Как сделать scroll у среднего элемента
Хелп! Есть такой сайт: http://works.maksimslepov.ru/new.html Задача так стоит: шапка и подвал всегда должны быть сверху / снизу экрана, при любых разрешениях. Естественно, существует какой-то min-height, допустим, как у меня сейчас. Между шапкой и подвалом располагается блок. Содержимое блока по высоте - 1500px. Сейчас там фоновая картинка примерно такой высоты. Не получается вот что: как сделать так, чтобы при маленьком разрешении экрана этот блок скроллился? В блок main поставил overflow:auto, но результата почему-то нету... upd. Да, забыл сказать, что сайт должен обязательно располагаться по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN' 'http://www.w3…
0 votes2 answers -
Обтекание DIV
Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?
0 votes6 answers -
Таблица "налазит" на верхний div
Есть конструкция, напр: <div id="1"> <table> <tr> <td>TEXT 1</td> </tr> </table> </div> <div id="2"> <table> <tr> <td>TEXT 2</td> </tr> </table> </div> Но при выводе в браузер TEXT 1 накладывается на TEXT 2. Что нужно прописать в цсс что-бы второй див выводился под первым?
0 votes5 answers -
danwer или xampp
С html и css разобрался на уровне "продвинутого чайника". Сейчас хочу перейти к изучению php и mysql чтобы сайт был функционален а не просто картинки со словами. Что лучше ставить, в чем разница, какие плюсы и минусы у программ?
0 votes3 answers -
Замена в Adobe Dreamweaver CS4
подскажите можно ли заменить текст с разными параметрами - например, есть 100 таблиц <table border="0" cellspacing="0" cellpadding="0" width="100"> <tr valign="top" align="left"> <td width="10" height="10"><img src="../images/picture.gif" width="10" height="10" border="0" alt=""></td> </tr> </table> у каждой из них 3 строка имеет разные параметры - например, <td width="13" height="11"><img src="../images/picture2.gif" width="13" height="11" border="1" alt=""></td> <td width="10" height="10"><img src="../images/picture.gif" width="10" height="10" border="0" alt=""></td> и таму подо…
0 votes7 answers -
полу прозрачный фон под текстом
Нужно сделать под текстом полу прозрачный белый фон вот тут http://plastik-pvh.ru/ где ротируются картинки Просто сложно выбрать такой цвет шрифта, чтобы он был заметен на любом изображении, поэтому хочу сделать черный шрифт на на белом фоне с прозрачностью 40-50%
0 votes10 answers -
css + js = вывод контента
Собственно задача стояла такая: Сделать три элемента в ряд, при наведении на каждый ниже показывать соответствующий контент. Перелопатил много чего, готового что-то не нашел, остановился на этом скрипте - http://www.dynamicdrive.com/dynamicindex17...ntentslider.htm И собственно из него сделал то, что нужно вот только один нюанс - div c контентом никак не хочет менять свою высоту... как только не пробовал - только статическая высота получается... Может кто видел подходящее решение? Или как быть с этим?
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-