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
-
Проблема со стилями
Сначала страничку сделал при помощи таблицы. Все работало на ура, только не корректно отображалась в IE. Решил переделать с использование DIV. Все правильно отображается, но при первом открытии страницы не применяются стили. Когда следом обновляю страницу все становится как положено. Как я понимаю с первого раза таблица стилей не подгружается. Может кто сталкивался с этим, как можно это победить? Пример: - buy-club.ru
0 votes6 answers -
Не могу разобраться почему div'ы съезжают...
Добрый день. Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это. Исходные коды можно глянуть здесь. Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать. Верстаю div'ами. Исходный код разметки вот: <div id="s4-workspace"> <div id="s4-bodyContainer"> <div id="wrapper"><!--begin wrapper--> <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="…
0 votes2 answers -
Как загрузить
Всем привет.Есть сайт с примерно 50 флеш плеерами на странице (melofon.ms), которые вставлены с помощю swfObject <script type=\"text/javascript\"> swfobject.embedSWF(\"" . $config['http_home_url'] . "engine/classes/flashplayer/mp3-player.swf\", \"ID-{$id_player}\", \"151\", \"17\", \"9.0.0\", \"" . $config['http_home_url'] . "engine/classes/flashplayer/expressInstall.swf\", {soundFile: \"{$url}\"}, {menu: \"false\", wmode: \"transparent\", scale: \"noscale\", allownetworking: \"none\"}, {}); </script> <div id=\"ID-{$id_player}\"> <a href=\"http://www.adobe.com/go/getflashplayer\" target=\"_blank\" ><img src=\"{THEME}/images/no-player.png\" alt=…
0 votes5 answers -
Вставить код jQuery
Здравствуйте. Помогите пожалуйста разобраться с плагином. На этом сайте есть пример, как можно задать ширину колонки, есть и код, но не могу понять в какое место его вставлять. Я импортировал таблицу из csv, табличка получилась красивая, с фильтром и несколькими страницами + сортировка, но вот беда, в опере последняя колонка слишком узкая получилась и все цифры после запятой переносятся на вторую строчку ячейки. Мне нужно задать фиксированный размер этой колонки. Сама таблица как я понял берется из базы (не уверен, через phpmyadmin ниче там не увидел), на страницу я вставляю только [table id=<ID> /]. Мне нужно для этой таблицы где-то прписать параметр, что 3-я колон…
0 votes2 answers -
Помогите переделать оформление h2 в div
Было так .sidebar h2{ margin: 10px 0 0px 0; padding: 10px 0 10px 6px; text-align: left; font-size: 18px; line-height: 18px; color: #F4F5F6; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; background: url(images/sidebar-tab.png) left top repeat-x; } .............. <h2 class="widgettitle">Новые статьи</div> Мне нужно убрать тег h2 и сделать такоеже оформление, но через div. Как правильно переделать код?
0 votes3 answers -
Создание дизайна сайта.
Возможно ли создать дизайн сайта с помощью блочного тэга <div> и css? html знаю.
0 votes7 answers -
Footer к низу страницы
Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…
0 votes10 answers -
Хитрый position: fixed
Привет. Стоит задача разобраться, реализовать нечто подобное как у яндекс-музыки: http://music.yandex.ru/ Дизайн сайта представляет 4 блока: 1. верхний - шапка 233px; 2. меню под шапкой 30px; 3. контент height:100%; 4. подвал height:50px; Надо сделать div блок под меню сайта с фиксированным позиционированием, но что бы он прокручивался до top:0px; и в топе фиксировался при дальнейшей прокрутке (position:fixed;), а в случае если страничку прокручивают обратно вверх, то меню сдвигалось с поправкой на шапку, что то вроде (position:absolute; top:233px;) Всю голову сломал, выручите, кто в теме... Не обязательно так изворачиваться, возможно есть выход альтернативный, по типу m…
0 votes32 answers -
Как сделать одинаковую высоту?
Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь
0 votes6 answers -
подвал в google-chrome
помогите пожалуйста решить проблему с футером. я сверстал при помощи таблиц страничу и открываю её виндовым google-chrome 11.0.696.71 (Official Build 86024). в результате вижу, что нижняя часть страницы скрылась под панелью виндоуз http://narod.ru/disk/14367750001/nogood.GIF.html после обновления (F5) я вижу страницу в нормальном виде - с полным футером http://narod.ru/disk/14368050001/good.GIF.html в линуксовом гугл-хроме такой проблемы нет. если нужно, то вот html-, и css-файлы http://narod.ru/disk/14368495001/d.rar.html
0 votes2 answers -
Валидатор
Всем привет! Сделал несколько страниц, все хорошо, но как-только я вставил форму обратной связи, валидатор нашел 4 ошибки. Причем я не понимаю, как их исправить. Где-то в глубине головы мне что-то подсказывает, что это все из-за доктайпа. Но как это исправить, я не нашел решения. Вот ссылка на кричащий валидатор. Вот ссылка на страницу. Оно так-то все работает, но неприятно, когда не все гладко Поможете чем-нибудь?
0 votes13 answers -
clear: left не убирает обтекание при стиле "div div { float: left
<div style="clear: left;"></div> в такой конструкции не отрабатывает <!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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…
0 votes9 answers -
Проблема
Решается
0 votes4 answers -
DIV по высоте экрана
Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.
0 votes6 answers -
картинка поверх другой
есть карта страны, разбитая по областя, при наведении на определенную область она должна менять цвет, сейчас это реализовано тут (наведите на донецкую область) http://albomov.net/mapa/ т.е. сейчас вместо первой картинки подгружается вторая с выделенной областью, но этот метод не совсем подходит, подскажите как можно поменять цвет нужной мне области другим методом - или вставить картинку нужной области поверх главной карты или какой либо другой способ Буду очень признателен, очень нужно но чтото ничего не выходит
0 votes1 answer -
Требуется помощь c CSS стилями
Здравствуйте все. Прошу помощи. Все перепробовал,ничего не получается. В ссылке изображение шаблона. Эффект тени который указан стрелками не показывается при заливке сайта на хостинг. На локальном диске все отображается нормально. Я понимаю,что проблема скорее всего в стилях,но что исправить не знаю. Буду благодарен за помощь. http://mirina-art.neirs.ru/kartin.html Пишите мне
0 votes6 answers -
Не работает html ссылка
Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроил пару менюшек. Одну горизонтальную, другую вертикальную. Обе были уже готовыми решениями и скачивались с разных сайтов. Кроме html и css в них ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у ко…
0 votes5 answers -
скруглённые уголки
таким стилем можно задать скруглённые уголки. но они НЕ будут скруглёнными в IE 8. border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px а вот на ЭТОЙ странице уголки скруглённые даже в IE 8. Как это сделать?
0 votes11 answers -
Ещё раз высота блока.
Два блока <div id='home'> <div id='homeInfoMan'> </div> </div> В стилях указаны высота блока home=870px ,но НЕ указана высота блока homeInfoMan. В блок с ИД=homeInfoMan я помещаюмного блоков с комментариями.При этом высота каждого из них разная(комментарии ведь разны размеров). Проблема заключается в следующем.! Когда через ajax блок homeInfoMan получает блоки с комментариями,то блок homeInfoMan в стилях имеет высоту равную нулю! Хотя в нём комментариев на 4000 писелей!!! Проинспектировать элемент-выоста равна нулю.document.getElementById("homeInfoMan").offsetHeight;-- ноль!! Почему так?!?!
0 votes8 answers -
Убрать отступ
Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.
0 votes6 answers -
резинновый макет с position:absolute ?
с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!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"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%…
0 votes8 answers -
Проблема с блоками DIV
У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.
0 votes21 answers -
Специфичность
Например, есть вот таких два свойства: .dog a { color:red; } .cat a { color:blue; } У них специфичность у обоих по 11. Могу я как-нибудь указать браузеру, чтобы побеждало то свойства, к какому классу тег a находится ближе? То есть, чтобы в данном случае ссылка была синей: <div class="dog"> <div class="cat"> <a> hello </a> </div> </div> И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111 .dog a 111 { } а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?
0 votes6 answers -
Закругление меню
http://inmyhood213.narod.ru/newfolder/corners.html Не пойму почему не закругляются углы.. Может чего не замечаю??
0 votes14 answers -
Анимация глючит
Есть резиновая дивная вёрстка с анимацией скрытия боковых блоков: http://maestro-magnifico.ru/ Используется jQueryUI. Проблема в том, что при анимации боковых блоков, текст в центральном блоке не разъезжается плавно. CSS центрального блока: #center_column { margin: 0px 190px; /* ширина боковых блоков + отступы */ border: 2px solid red; /* для наглядности */ } Если сюда добавить ещё: display: inline-block; то, анимация текста становится плавной, но сам центральный блок опускается под высоту боковых блоков: http://savepic.net/1291355.png Как это исправить? =\
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-