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
-
Проверьте ход мысле, пожалуйста.
Т.е. верстаю я редко, то до сих пор не научился. Вот проверьте меня, пожалуйста, правильно ли я начала верстать сайт, особенно верстка меню меня интересует. Вот ссылка: http://deluxe-okna.ru/ Там css такой: .about { font-size: 15px; color: white; margin: -30px 0 0 35px; } .about a { text-decoration: none; color: white; } .galery { font-size: 15px; margin: -19px 0 0 180px; } .galery a { text-decoration: none; font-size: 15px; color: white; } .production { font-size: 15px; font-size: 15px; margin: -18px 0 0 300px; } .production a { text-decoration: none; color: white; } .answer { font-size: 15px; margin: -17px 0 0 475px; } .answer a { color: white; tex…
0 votes5 answers -
Стоит ли сейчас поддерживать IE6?
В общем я новичок. Взялся за вёрстку, всё ничего..но IE6 выносит мне моск Стоит ли мне учиться верстать под эту версию ослика? А то думаю займёт это по времени лет эдак 20ть а тогда он уже себя полностью изживёт А в общем, конечно, хочу узнать, поддерживаете ли вы в своих заказах IE6? Часто заказчики просят его поддерживать?
0 votes5 answers -
По поводу цвета (цветов).
Здравствуйте! Я никак не пойму, вот допустим есть зеленый цвет RGB #008000, тут красного нет, зеленого 8 и синего тоже нет? Я правильно рассуждаю? Когда есть одни цифры это вроде как понятно, а вот когда есть буквы это уже что значит? И еще вопрос, вот допустим мне нужно сделать самый слабый который есть на свете зеленый цвет как это сделать? Я надеюсь Вы меня поняли. Заранее спасибо за ответы. P.S. В яндексе, гугле, википедии искал. Ничего не нашел. Может плохо искал?
0 votes5 answers -
Плавающая ширина дива
Доброго времени суток! Подскажите, пожалуйста, как можно решить следующую проблему: Есть такой код: <div id="body"> <div id="content">Content</div> <div id="news">News</div> </div> №news имеет фиксированную ширину, но его может вообще не быть в документе. Я никак не придумаю, как мне сверстать так, чтобы в случае отсутствия #news, #content растягивался на всю ширину #body, а в случае наличия - находился слева от #news. Сейчас #content растягивается на всю ширину, а #news уходит под него. Буду признателен за советы, а то голову уже сломал. Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww…
0 votes5 answers -
Последний пункт меню
Здравствуйте! CMS генерирует меню. у этого меню есть свой css class в нём определён отступ от правого края меню: padding-right: 23px; отступ получается соотв. у всех пунктов меню. В итоге я не могу "прижать" правый край меню к правому краю сайта, идёт отступ в эти 23px. Есть ли какой нибудь способ у последнего пункта меню этот padding отключать? Меню вызывается так: <?php wp_list_pages('depth=-1&title_li=');?> (это Wordpress). Заранее спасибо!
0 votes5 answers -
align в ie7
<td align="center" style="width: 250px; border-right:1px dotted #e1e1e1;" valign="top"> <a href="...."> <img src="....."/> </a> </td> Картика встает по центру блока во всех браузерах, кроме ie7. В ie7 слева. Как сделать по центру?
0 votes5 answers -
Появление картинки при наведении мыши на текст
Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.
0 votes5 answers -
Что надо тут делать?
С интернет разработками дружу почти 1 - месяц... Знаю еще очень мало, но думаю научиться... Посмотрите на мои первые работы, и скажите что не так, как стоит делать, вобщем все предложения и замечания... Вот собстно прожект лист: http://myadmin.nxt.ru/serv/project_list.htm - только плиз, не оскорбляйте автора, прошу отнестись с уважением и пониманием! Особое внимание прошу обратить на последнюю работу.
0 votes5 answers -
Проблема в IE7, реализация вкладок.
Добрый день! Помогите пожалуйста, у меня проблемы с IE7. Делаю вкладки, для них использую список с display:inline Сама вкладка состоит из двух ссылок (одна - название, вторая - кнопочка закрыть). Если по горизонтали не хватает места, то вкладки переносятся на следующую строку. Но сама вкладка должна быть неделима, т.е. между ссылкой-названием и ссылкой-кнопкой не должно быть переноса строки. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <style> li {display:inline;float:left;B…
0 votes5 answers -
Footer и Header обрезаются
Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?
0 votes5 answers -
Разная толщина шрифта в браузере и photoshop
Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…
0 votes5 answers -
Требуется совет по выпадающему меню
У меня проблема с выпадающим меню - http://s54.radikal.ru/i146/1103/d5/e8f8e411f32f.jpg При нажатии на ссылку в 1м подменю сразу выпадают все дочерние подменю. HTML: <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul> <li><a href="" class="subcat">Афиша</a> …
0 votes5 answers -
png IE 6 table fix
hi! Знаю что в инете море решений, но не где нет описания как фиксить png в table! Помогите решить проблему png прозрачности в ИЕ6 Нужно чтобы png идущии background-ом c repeat в table, а конкретнее в td фиксился. Попробовал ВСЕ!!! - фильтры - DD_belatedPNG - jQuery pngFix - behavior: url("pngbehavior.htc"); НЕ ПАШЕТ example http://hyp.gendalf.tmweb.ru/html/ Кто сталкивался с png прозрачностью именно для table, кто знает решение!?(для других html узлов все ок, все пашет)
0 votes5 answers -
h1 и joomla
Все доброго времени суток ! грабля такая... в материале jooml-ы всталяю таблицу с текстом в <h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td><h1>Cвинина</h1></td> <td><h1>Курица</h1></td> <td><h1>Индейка</h1></td> </tr> </table> а на реале получаться <h2> ! - когда смотрю код в firebug.... и соотв для поисковиком это не есть гуд... может кто сталкивался ?
0 votes5 answers -
Проблема с отображением на ipad
Всем привет, http://lassitertransportation.com/new/, выглядит ужасно на айпаде, айфоне. Хотелось бы пару советов, может какие то критичные ошибки в css или еще что, может какие то идеи в какую сторону мыслить. Буду премного благодарен.
0 votes5 answers -
Нужен совет в позиционировани элементов
Нуждаюсь в советах как правильно (неимение ошибочно ) выполнить следующую задачу. Нужно отпозиционировать изображения и flash-анимации, так как они расположены на прикрепленном изображении. Полосы прокрутки нежелательны, очень не желательны. Почти все элементы являются ссылками меню (примеры: книжная полка - библиотека; рамка с фотографией - фотогалерея), есть флеш анимации с скриптом (гитара - музыкальное сопровождение вкл/выкл.; часы - "рабочий" маятник, показывают реальное время). При наведении на элемент\ссылку должна выпрыгиватьназвание\подсказка меню. Очень нуждаюсь в вашей помощи.
0 votes5 answers -
Отступ в таблице
Не получается никак сделать такой же самый отступ от надписи <style type="text/css"> .foto_otstyp{margin:30px;} .verx_otstyp20{margin-top:20px;} .zagolovok_ul2{font-size:26px; font-weight:bold; margin-left:60px; color:#CC0000;} </style> <div class="zagolovok_ul2">Что блог может дать именно Вам?</div> <table> <tr> <td><img class="foto_otstyp" src="../img/3_6.3.jpg" /></td> <td width="100%"> <strong>Если Вы владелец бизнеса,</strong> блог будет для Вас отличной <br /> Интернет-площадкой, которая даст Вам следующие <br /> преимущества: <div class="verx_otstyp20"></div&g…
0 votes5 answers -
проблемы в Safari 4.0.2 и Chrome 3.0.182.2
Здравствуйте. Не как не могу понять почему плывет верстка на страницах palto-modello(dot)ru и palto-modello(dot)ru/collection-palto/vesna_2011/m02.html Подскажите в чем причина и как исправить, желательно без хаков. Спасибо.
0 votes5 answers -
x-скролл при 1024
HI! http://www.maslennikov-rv.narod.ru/xz/ - тут беда Помогите решить задачку. Нужно чтобы верстка отображалась без скроллинга на разрешении 1024. Что мешает: - .logo1{width:1182px} - верстка должна быть 100% схожа с макетом, поэтому позиционировать фоном в боди не гут. Пробовал решить так: (document.body.clientWidth<1024)?document.body.style.overflowX="hidden":document.body; - но это тоже не гут, скрола аще нет, если пользователь сожмет браузер на < 100% то все ппц не прокрутит.. В общем HELP!!
0 votes5 answers -
CSS и размеры кнопки
Всем привет. Помогите, пожалуйста, со следующей проблемой... Имеется код кнопки: *** <form action="" id="cse-search-box"> *** <button class="Button" type="submit" name="" tabindex="" style="margin-left: -60px; margin-top: 10px; text-align:justify;"> <span class="btn"> <span class="t"> Поиск </span> <span class="r"> <span></span> </span> <span class="l"></span> </span> </button> *** </form> *** К ней применены следующие стили оформления: /* Search Form */ #cse-search-box button.Button, a.Button { position:r…
0 votes5 answers -
z-index IE8
Добрый день! Есть проблема: Есть два дива. bottomgradient - заливается на всю ширину одним элементом. bottomleft - ложится поверх заливки слева. В мозиле все отлично, +1 в опере, а вот в IE8 - хрен. Как это можно исправить? HTML <div id="bottomgradient">bottomgradient <div id="bottomleft">bottomleft</div> </div> CSS #bottomgradient { height:19px; background-image:url(../images/1_22.png); position:relative; z-index:1; } #bottomleft { width:101px; height:19; background-image:url(../images/1_21.png); background-repeat:no-repeat; position:relative; float:left; z-index:2; }
0 votes5 answers -
Динамическое построение и оптимизация
Структура моего сайта такова что на каждой странице вписываются одни и те же метаданные. На сколько я понимаю это не очень хорошо воспринимается поисковиками, и что ключевые слова должны быть как можно более релевантны к содержимому страницы. ( исправьте меня п-ста если я ошибаюсь) За сим вопрос, каким образом можно изменять ключевые слова в зависимости от содержания страницы если структура сайта следующая: все страницы сайта загружаются через index.php с помощью примерно такого кода include_once('header.php'); include_once($_REQUEST('page') . '.php'); include_once('footer.php'); т.е. в зависимости от нажатой ссылки page меняется а остальное содержимое соответственно оста…
0 votes5 answers -
Google Chrome не хочет отображать текущий класс
Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…
0 votes5 answers -
небольшая проблемка с таблицей
<TABLE border="2" align="center" align="middle" > <tr width="600"> <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td> <td></td> <td></td> <td></td> </tr> <TR width="600"> <TD width ="200"> <div align="center"> Соперник </div> </TD> <TD width ="100"> <div align="center"> Карта </div> </TD> <TD width ="100"> <div align="center"> Счет </div> </TD> <td width ="200" ><div align="center"> Демка </div> </td> </t…
0 votes5 answers -
Из чего складывается ширина столбца в таблице?
В общем никогда не имел дело с таблицами, ибо не встречал табличных данных. И вот, подвернулся макет форума phbb. Пытаюсь изучать и верстать на основе готовых форумов, как примеру htmlbook, но мне непонятен один момент: ширина cтолбца td, к примеру "Название темы" - имеет определённую ширину в процентах, но, перекопал файрбагом весь код и нигде не нашёл стиля, отвечающего за ширину. Если его нет, ведь значит ширина столбца должна ровняться содержимому, но она фиксированная (процентно-фиксированная), и так для каждого столбца. Помогите понять, почему так?
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-