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
-
как создать рекламное окно с помощью css без джаваскрипт
как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?
0 votes8 answers -
Очередная верстка, помогите пожалуйста, проблемы, надеюсь на вашу помощь!
Здравствуйте! Столкнулся с проблемами, я новичок. В общем меню фона должно растягиваться по всему родителю. И слева блок не правильно стоит, не могу нормально сделать отступы, чтобы как на макете было... Скажите пожалуйста как это все исправить вот скрин html: А вот скрин psd (скачал с интернета на англ. сайте): Помогите пожалуйста, буду очень благодарен! Все это есть в архиве. СКАЧАТЬ вместе с PSD СКАЧАТЬ 2 без PSD
0 votes1 answer -
Еще один нубский вопрос!
Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот main.tpl: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…
0 votes12 answers -
Атрибут onclick для тега TR и ссылки внутри тега
Есть таблица: <table> <tr onclick="document.location = '1'"> <td> Текст <a onclick="document.location = '2'" href="java script:;" title="Ссылка">Ссылка</a> Текст </td> </tr> </table> При клике на элементе TR осуществляется переход на 1, а при клике на ссылку переход на 2 не происходит... Как исправить??? помогите понять... Знаю, что-то похожее работает, а у меня не получается P.S. Пример работы сайт irr.ru - ссылка на добавление объявления в блокнот. Кажется мне понятно как это сделано на сайте irr.ru... после клика на ссылку в яваскрипте останавливается выполнение событий вверх по DOM
0 votes0 answers -
меню сьехало
сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }
0 votes4 answers -
height ie6
желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)
0 votes4 answers -
Затруднения с hCard
Вот решил дополнить информацию о своем сайте с помощью hCard... Возник вопрос: где лучше размещать код, я имею ввиду на какой странице сайта (главной, контактах и т.д.) и еще: можно ли разместить код на одной странице, а на остальных просто поставить "метки" на код? ну, типа, чтоб значение для конкретной страницы считывалось например со страницы Контакты? пжлст, не пишите про Погуглить и все такое..уже пробовал - галяк.. Нужна конкретная инфо заранее спс
0 votes13 answers -
Проблема с позиционированием
Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…
0 votes2 answers -
Форма для отправки Е-маийла
Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…
0 votes19 answers -
Проблема при увеличении формата страницы
Добрый день! Помогите, пожалуйста, решить одну проблему - при увеличении формата страницы через Ctrl+scroll блоки начинают наезжать друг на друга, а горизонтальная полоса прокрутки появляется только на 170%. Как можно их зафиксировать? Сам код: <!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> <style type="text/css"> .body { text-align: center; margin: 0; background-image: url(grad.png); backgro…
0 votes1 answer -
Оптимизация фона
Здравствуйте, у меня возникла проблема при отображении фона сайта на меньших разрешениях монитора нежели у меня. Я делал сайт на мониторе 1920х1080. Проблема в том,что при уменьшении разрешения фон начинает обрезаться. Т.е. например головы льва и жирафа "отрезаются", из-за чего смотрится не очень...Мне на ум приходит или сжатие фона,т.е. на малых разрешениях рисунок будет сплющиваться по длине, или скроллинг горизонтальный. Какой вы можете посоветовать оптимальный выход из данной ситуации?И как его реализовать? Фон прописан вот так: html { background: url('../images/cork-bg.png') repeat ; } body { letter-spacing:0.05em; padding: 0; margin…
0 votes5 answers -
Панелька Вконтакте
На верхней панели Вконтакте (синенькая такая хренька вверху) есть ссылка "регистрация". (если войти на сайт то новости, группы и тд.) Как её туда запихнули? Нигде найти не могу, весь исходный код перерыл - только "див"ы нашел
0 votes1 answer -
Тег select
Можно ли задать размер к выпадающему списку select размер в стилях аналогично атрибуту size? У селекта проставлен класс и можно на него влиять посредством стилей, а вот доступа к самому тегу нет и написать size проблематично. Как быть?
0 votes7 answers -
как сделать такое на div
css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.
0 votes10 answers -
код+псд=?
до меня все никак не может дойти, сколько я не старался донести до себя следующую информацию: как происходит совмещение кода страницы и непосредственно шаблона ( псдшка ), с помощью каких программ, и как это называется в общем ? тухлые помидоры оставьте при себе, сами такими были
0 votes6 answers -
Как можно сделать "резинку" с применением % и px
Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…
0 votes24 answers -
Div растягивает окно браузера
Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…
0 votes5 answers -
Текстовое поле ломает таблицу
Добрый день. Имеется меню под шапкой, свёрстано таблицей: <table cellpadding="0" cellspacing="0" width="1181"> <tr> <td colspan="3"><img src="img/head.jpg" align="top"></td> </tr> <!-- верхнее меню --> <tr> <td id="leftmenu"><form action="search.php" name="search">Поиск <input type="text" size="18" name="sh"></form></td> <td background="/img/but_menu.gif"><center><a href="#" class="mainlevel">О КОМПАНИИ</a><a href="about.php" class="mainlevel">КАТАЛОГ</a><a href="members.php" class="mainlevel">СПЕЦ. ПРЕДЛОЖЕНИЯ</a><a href="project.php" class="m…
0 votes0 answers -
Сайдбар уехал в низ
Вот такая проблема. Поставил картинку и отформатировал статью. А сайдбар уехал в низ и то наблюдается только на главной. В чем может бить проблема подскажите пожалуйста.
0 votes3 answers -
резиновый Div во весь экран с отступами по краям
Пытаюсь сделать резиновый Div во весь экран с отступами по краям, только вот блок съезжает на право. ссылка Как реализовать задуманное, мой способ не работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> #head {width:100%; height:98px; margin:2px 10px; background:gray; border:2px solid black;} </style> </head> <body> <div id="head"> </div> </body> </html>
0 votes6 answers -
Дочерне-родительские селекторы
Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.
0 votes3 answers -
Верстка эмайл рассылок
Как решается проблема верстки эмайл рассылок, сверстаных в html, под разные почтовые клиенты, особенно учитывая что сейчас почту читают с мобильных устройств, которые иногда не поддерживают html? Есть что сказать? В инете даже англоязычном мне показалось недостаточно информации.
0 votes2 answers -
Иная реализация палитры
Всем привет не знал в какую тему писать... Есть небольшой скрипт, который очень объемный... Он просто меняет фон таблицы на выбранный, не хочется выкидывать цвета, но 40 кб для такого не очень важного в моей разработке слишком жирно. Можете подсказать как уменьшить или оптимизировать код, ну и заодно если покрасивее это как-то сделать можно тоже буду рад подсказке. Заранее спасибо! function mycolor() { var bigtable = document.getElementById('tableinput'); var color = document.getElementById('colortab').value; var d = '#'+color; bigtable.bgColor = d; } <select size="20" id="colortab" onchange="mycolor();"> <option selected="" value="DCDCDC">- выбор цвета …
0 votes7 answers -
Помогите новичку
Никак не могу сделать отступ между картинкой слева и текстом справа. http://filmonokia.ru Как лучше сделать на DLE? Вот вывод новости: .news_content {margin:0 10px; font:13px Tahoma, Verdana;line-height:120%;text-align:justify;} Когда здесь ставишь отступ, то естественно сдвигается вместе с картинкой.
0 votes2 answers -
пОзиционирование в шаблоне.
Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: div.header {margin-top:0%; height:20%} div.rightcolumn {margin-right:0%; margin-top:20%;width:20%} div.content {margin-top:20%; margin-right:20%;width:60%} div.leftcolumn{margin-left:0%;margin-top:20%; width:20%} Это в body вставил: <div class="header"> </div> <div class="leftcolumn"> </div> <div class="content"> </div> <div class="rightcolumn"> </div> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-