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
-
Выравнить Текст По Середине Изображения ?
на сайте на одной строчке есть изображение и с права от него текст, нужно выравнить текст по середине изображения, но почемуто margin, padding и line-height ниначто не влияют код такой <p> <a href="#"><img src="/sites/default/files/img/route_plan.jpg" alt="print" /></a> <a href="java script:window.print();"><span>Напечатать адресс</span></a> </p> Как можно выравнить Напечатать адресс по середине изображения route_plan.jpg ?
0 votes8 answers -
Создание анкеты
Всем добрый день! Сразу хочу сказать что всем этим делом занимаюсь в первые поэтому возникают некоторые трудности. В общем, передо мной стоит задача: написать сайт на html. С эти у меня все более-менее получилось. Но вот вышла одна незадача. А именно, заказчик попросил сделать на сайте что-то вроде анкеты, данные которой будут попадать в Excel файл. Вопрос в одном как реализовать? pHp, java не знаю вообще, поэтому если только на pHp, буду рад Вашей помощи. Наслышан, что данные с форм можно передать в текстовый файл. Тогда такой вопрос: как можно реализовать передачу данных в текстовый файл, а оттуда в файл excel ? И последний вопрос: может быть намного проще будет реализо…
0 votes4 answers -
Объясните как работает простой jQuery скрипт.
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…
0 votes15 answers -
Тянучка и две картинки в ячейке
Ребята, вопрос к профессионалам Вот доктайп: <!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"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…
0 votes12 answers -
Flash галерея, ссылка на XML файл.
Привет, запулил сей код себе на страничку. НО! Надо подключить XML файл сюда (в нём ссылки на изображения), но не знаю, как это сделать. И ещё вопрос: http://maxnimere.my1.ru/photo/ ссылка на эту галерею - будущую. Она у меня в таблице почему-то в горизонтальном выравнивании - слева, а хотелось бы по центру. Код страницы расположен в самом низу. Заранее спасибо. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>My Gallery</title> </head> <style type="text/css"> <!-- body{background: #000000; margin:20px;} div#gallery…
0 votes1 answer -
Padding вместо width и height.
Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?
0 votes13 answers -
Посоветуйте CMS для редактирования.
Всем привет. Написал сайтик теперь думаю как организовать доступ для редактирования содержимого.Что скажите про joomla? Благодарю за советы.
0 votes13 answers -
Как изображение сделать ссылкой?
Спасибо, что заглянули. Есть рисованная кнопка, ее нужно вставить на главную и потом по ней выйти на другую страницу. Как быть?
0 votes9 answers -
Резиновый контент?
Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id=…
0 votes3 answers -
Управление режимами браузера
В процессе ковыряния с этой замечательной метой встретил ситуацию, которую с наскока объяснить не могу и официальная документация пролить свет на происходящее не позволяет. Если верить документации из MSDN, то в мете может находиться список режимов, и браузер выберет из этого списка самый новый поддерживаемый режим. То есть <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9"> выберет в IE 8 эмуляцию седьмого, в девятом — эмуляцию девятого. Собственно, вопрос. Почему код <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=edge"> переключает IE 8 в эмуляцию седьмого, а IE 9 оставляет в режиме девятого. Если верить документации, …
0 votes19 answers -
как сделать 2 сайдбара друг под другом?
Как можно и можно ли вообще создать 2 блока <aside> чтобы каждый следующий блок находился под предыдущим? У меня не получается, они располагаются горизонтально. Или проще с помощью div'ов реализовать это? <aside> <nav > <a href="index.html">Главная</a><br> <a href="blog.html">Блог</a><br> <a href="video.html">Видеоматериалы</a><br> <a href="obo_mne.html">О себе</a><br> <a href="file.html">Файлы</a></nav> </nav> </aside> <aside> 2 блок </aside>
0 votes4 answers -
не подключается CSS в IE7 на Висте
Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?
0 votes4 answers -
float для блока с position absolute и отступом
Подскажите пожалуйста, как вставить, баннер в середину (примерно) каждой статьи. Баннер задан в шаблоне и не меняется. Я вставляю код баннера в div оформляющий вывод статей, делаю отсуп сверху и position absolute, чтобы баннер попал примерно в середину статьи. Такой код оформляет баннер: При этом обтекание текстом не происходит, но баннер фиксируется на позиции и прокручивается вместе с текстом, остается только сделать каким-то образом обтекание.
0 votes18 answers -
Высота блока доходит не до конца
Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.
0 votes28 answers -
Проблема с меню
Создаю меню в виде таблицы ,состоящей из 5 колонок и 1 строки. table align='center' class='div_1_table'> <tr align='center'> <td width='120' class='div_1_table_td' > 1 </td> <td width='120' class='div_1_table_td' > 2 </td> <td width='120' class='div_1_table_td'> 3 </td> <td width='120' class='div_1_table_td'> 4 </td> <td width='50' valign='top' align='right' class='div_1_table_td_language'> 5 …
0 votes28 answers -
html5 и фавикон
Так уж принято в интернете, что большинство источников передирают контент друг у друга, и как правило, не дополняя и не изменяя его. Вот я по запросу "как добавить фавикон" во многих источниках нашел одно и тоже: добавить вот это в хеад и всё: <link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">Вопросы: 1) на кой их (тегов link) 2 штуки? (подозреваю, что вторая строчка нафиг ненужна) 2) в хтмл5 в <link> с нужным rel, который для фавиконки, можно не указывать type="image/x-icon"? 3) как я понял, фавиконку можно подсунуть в любом из 3 форматах: jpeg, png, ico, да?
0 votes2 answers -
Шрифты по умолчанию
Какими шрифтами выводят текст браузеры, если шрифт явно не задан? Opera, Firefox, IE? Особенно мне интересно Opera.
0 votes8 answers -
utf-8
Помогите, пожалуйста.... Все перепробовал, ничего не помогает.... Есть страница из сети в кодировке utf-8. Необходимо ее перекодировать в windows-1251. Стоит php5. iconv() почемуто не помогает. После обработки строка оказывается пустой... $str=iconv('UTF-8', 'Windows-1251', $str); Никаких ошибок не выдает... Прям не знаю что делать..... Заранее спасибо!
0 votes15 answers -
дропдаун меню
меню при наведении на элемент перекрывает див котрый под ним, подскажите, как исправить? посмотреть можно тут arsenalprint.kz/archive/archive.html если уменьшить высоту блока mainmenu
0 votes8 answers -
Зацентровать слой с position: absolute;
Возможно ли такое? можно сделать так чтобы слой допустим отчитывал пикселы не от края окна браузера, а от края таблицы? CSS: #menu { position: absolute; top: 107px; left: 255px; width: 100%; height:100%; overflow: hidden; } HTML: <div id="menu"> <table > <tr> <td height="120" width="100" bgcolor="ddffdd" > <a href="index.html">главная</a> <a href="ot4et.html">отчет</a> <a href="doc.html">документы</a> <a href="history.html">история</a> <a href="today.html">сегодня</a> </td> </tr> </table> смысл таков: хочу сделать страницу слоями, но чтобы она всегда бы…
0 votes4 answers -
Верстка полурезины
Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать
0 votes17 answers -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes1 answer -
line-height в chrome
Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; m…
0 votes0 answers -
Вход на сайт
Как сделать так чтобы при вводе логина пароля человеку предоставлялись новые возможности. Была идейка по поводу сеcсий, но потом не знаю как этот путь защитить, можно через форму передать нужное значение, и все полетит, и еще как запретиить просмотр и скачку определенного файла. Вот как здесь на форуме, пуновский конфиг.пхп
0 votes15 answers -
ie6 + background-image = 1px смещение
Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-