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
-
В каждом браузере по разному
сабж Вот index.html <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class=…
0 votes6 answers -
Брр, хз как сформулировать.
Мне надо, чтобы из файлика в определенном порядке брались числа и в этом же порядке вставлялись в разные ячейки таблицы (ячейки одна ПОД другой). Жду примеров Спасибо, всем, кто откликнется
0 votes2 answers -
Напомните имя программы для оптимизации JPEG
Ночки доброй. Запамятовал название программы, аналогичной optipng, но для формата JPEG. Уменьшает размер файла, не ухудшая качества. Спасибо и приятного кодинга!
0 votes4 answers -
Не работает hover в ИЕ
Во всех ИЕ и др. браузерах работает, а вот в ИЕ6 не работает hover при наведении мышкой на меню,фон пункта меню белым не делаеться ,как делаеться на др. браузерах. Вот стиль который отвечает за наведение: #left .menu div:hover { background-color:white; /*Чтоб при наведении каждый пункт светился белым*/ cursor:pointer; } Скажите, как исправить? Вот сайт: http://tort-tort-tort.narod.ru
0 votes7 answers -
float без обтекания снизу
Где-то читал, но потерял где именно, есть какое-то свойство к float запрещающее обтекание снизу
0 votes3 answers -
background-position c background не должен работать ?
background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…
0 votes6 answers -
position: fixed как сделать?
необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?
0 votes16 answers -
bootstrap мелкие поля
<div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text"…
0 votes10 answers -
Верстка сложных элементов
Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!
0 votes4 answers -
Поле слева
http://sforme.ru/forme/about/command/ Помогите, в опере нормально отображается, а в ie левая колонка расширяется! В чем проблема?
0 votes7 answers -
Подскажите насчет FLOAT
Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…
0 votes5 answers -
Не работае таблица стилей в IE (в Opera всё работает отлично.)
Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…
0 votes6 answers -
Облако тегов 3D (модификации)
Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …
0 votes7 answers -
Footer (картинку Вниз!)
Чего-чего не ожидал, так это столкнуться с такой проблемой: Каждый, наверно, знает, что картинке можно задать align, чтобы картинка упиралась бесконечно вправо, влево... а как же сделать, чтобы она упиралась вниз?? <img src="under.jpg" width="900" height="382" align="absbottom" valign="absbottom"/> - нифига <img src="under.jpg" width="900" height="382" align="bottom" valign="bottom"/> - тоже нифига Все перепробовал, подскажите что делать. Спасибо.
0 votes13 answers -
выпадающие списки: дергается страница при свертывании/развертывании пункта
Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.
0 votes5 answers -
Пользовательские курсоры
Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html
0 votes5 answers -
Горизонтальное кроссбраузерное выравнивание вложенных слоев
Добрый день. Подскажите,плз,мне надо прижать вложенный слой к правой границе контейнера (др слоя).Нормально работает у меня это толкьо в ИЕ. Opera,Mozilla и Safari на выравнивание не реагируют. <div style="width:100%;text-align:right;border:1px solid green;position: relative;" align="right"> <div style="width:200px; border:1px solid red;position: relative;">Контент</div> </div>
0 votes4 answers -
помогите разобраться с div
В общем, нужна помощь, незнаю что делать. имеется такой код <div id="container"> some code... </div> #container{ padding-left:18px; position:relative; } В этот div надо запихнуть таблицу (можно ее поместить в другой div) что бы параметры id="container" не касались ее(таблицы), пробовал и вписывать с другим id не помогает... Подскажите как такое релизовать?
0 votes9 answers -
Борьба с селектом, браузер: ie6
Всем давно известно, что если спозиционировать абсолютно, какой-нибудь блок и если под ним окажется select: в IE мы столкнёмся с геморроем.. Есть вариант, перекрыть эту проблему, iframe, но что делать если у тебя блок не с фиксированой высотой и шириной? Ведь iframу нужно выставлять только фикс. ширину и высоту.. в % не катит. Что нужно прописать в css, чтобы iframe тянулся вместе с div-ом, хотя бы по высоте?
0 votes16 answers -
Убрать рамку вокруг картинки
Вот такая проблема, делаю дизайн, а картинка с ссылкой в IE и Firefox обведена рамкой, что уже только не прописывал в css все равно не помогает. не знаю как ее убрать. делаю все на дивах http://zodiak93.wen.ru/1120/0011204.gif
0 votes2 answers -
Проблема со слоями.
Здравствуйте. Как сделать что бы плавающий слой тянул основной слой? Пример:
0 votes14 answers -
Полоска между wrapper и контентом
Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…
0 votes10 answers -
Dota 2 <img
Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.
0 votes5 answers -
Позиция текста
Всем Доброго Времени Суток! Подскажите, пожалуйста, как можно разместить текст чуть левее от центра? (Так как нужно вставить в файл footer.php в WordPress такой тэг не подходит <center>Текст</center> потому, что основной текст расположен именно чуть левее центра) и смотрится неровно. Нужно как-то задатью, а вот как это сделать я не знаю. Спасибо заранее!
0 votes3 answers -
Титульная страница по центру...
Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-