HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
max-width и min-width в ie8
Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.
0 votes23 answers -
Движение объекта
Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.
0 votes10 answers -
Ширина выпадающего списка в IE
Итак, имеем select с шириной, например, в 200px. В браузерах выпадающий список занимает такую ширину, какую надо - то есть он может быть и шире, чем 200, если текст не влезает (по аналогии overflow: visible) или можно тегам option задать свою ширину. А вот в IE ширина выпадающего списка строго равна ширине select-а. Кто-нибудь сталкивался с такой проблемой? Как такое лучше решать? Есть какие-то решения в YUI, но его ставить не хотелось бы.
0 votes12 answers -
Не отцентровать шапку
Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…
0 votes14 answers -
Проблема с банерами
Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5
0 votes7 answers -
Div и вложенная в него широкая таблица (шире окна)
Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…
0 votes17 answers -
Как сделать горизонтальное меню из картинок
Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения. Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки. Вот HTML код: <div id="page-menu"> <ul id="menu"> <li><a class="home" href="" title="Главная"></a></li> <li><a class="about" href="" title="О сайте"></a></li> <li><a class="map" href="" title="Карта сайта"></a></li> <li><a class="contact" href="" title="Контакты"></a></li> </ul> </div> Это CSS: #page-menu { float: …
0 votes27 answers -
svg
Возможно подключить svg из отдельного файла xml в xhtml? И вообще стоит ли оно того, если IE поймет такое только с 9.0?
0 votes2 answers -
Как разбить страницу на части?
Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 20…
0 votes12 answers -
Возможно ли горизонтальное центрирование блока относительно соседних блоков
Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …
0 votes39 answers -
помогите сделать гориз.выпадающее меню
Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.((( файл main.tpl <div id="wrapper"> <div id="menue-l"> <div id="menue-r"> <div id="menue"> <div id="nav"> <a href="/" title="Главная">Главная</a> <a href="/forum/index.php" title="Форум">Наш форум</a> <a href="/files/" title="Каталог файлов">Каталог файлов</a> <a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a> <a href="/index.php?do=feedback" title="Обратная связь"…
0 votes17 answers -
Подскажите начинающему
Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…
0 votes8 answers -
Горизонтальное выравнивание блока между двумя абсолютно позиционируемыми блоками
Есть такой расклад. По краям идёт два блока абсолютно позиционируемые. Можно ли средний блок отцентрировать относительно этих блоков без использования атрибута float для этих крайних блоков? То есть, если крайние блоки зафлочены, то мы можем выровнять средний блок с помощью overflow:hidden, а если они абсолютно позиционируемые? Пример кода CSS: #header {position:relative; height:200px;} #telo {width:100%; height:150px; background:#00FF33; position:absolute;} #blok1 {width:100px; height:80px; border: 1px solid #000000; position:absolute; top:20px; left:30px;} #blok2 {width:250px; height:15px; border: 1px solid #000000; position:absolute; top:20px; right:30px;} #blo…
0 votes4 answers -
Вёрстка флэш сайта
Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?
0 votes7 answers -
Как спрятать блок за экран без горизонтальной прокрутки?
У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?
0 votes15 answers -
Костыль для IE
Обнаружил интересную библиотеку, которая превращает IE6-7-8 в IE9. По заверениям разработчиков девятая версия будет уметь всё, в том числе поддерживать большинство свойств CSS. Ссылка http://code.google.com/p/ie7-js/ Обсуждение библиотеки http://habrahabr.ru/blogs/css/100838/
0 votes4 answers -
Как вписать объект в div блок?
Здравствуйте! Возникла необходимость вписать объект (допустим картинку) в блок div таким образом, чтобы картинка ужималась (растягивалась) до размера div блока. Для примера: на сайте есть большая картинка по центру, и эта картинка при открытии сайта в браузере автоматом масштабируется до размера окна браузера. Конкретно интересует два аспекта: 1). Как вписать картинку с сохранением пропорций. 2). Как растянуть картинку по всему блоку без сохранения пропорций. Спасибо.
0 votes10 answers -
Как реализовать
Парни не подскажите как реализовать такой расскрываючийся список: http://www.animespirit.ru/anime/rs/series-...aberezhnoj.html (может быть это даже не список). Допустим есть вот такой список: При нажитии на любую строчку расскрывается окно, где вставлено видео или пару скриншотов, В общем неважно какое именно содержимое.
0 votes2 answers -
Проблема с inline-block`ом
Скажите пожалуйста, возможно ли код <div style="margin:0 200px; border:1px solid black"> <div style="width:400px;background:#09C;height:100px;display:inline-block"> </div> </div>подправить таким образом, что бы внутренний блок не вылезал за пределы контейнера, а распирал его при уменьшении ширины страницы?
0 votes2 answers -
Высота таблички
Попытался сделать сайт табличками,не получается установить высоту верхней ячейки для логотипа(она получается в одну строчку,а я пытаюсь ей поставить 25% от всей высоты).Кого не затруднит укажите ошибку. Прошу не бить тапочком за оформление поста. Вот хтмл: <!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" lang="en"> <link rel="stylesheet" type="text/css" href="Style.css" /> <HTML> <HEAD> <TITLE>Сайт с помощью таблицы</TITLE> </HEAD> <BODY > <table id="maket" cellspacing="0" ce…
0 votes3 answers -
Проблема с Flash проигрывателем
<object type="application/x-shockwave-flash" data="audio-player/player.swf" id="audioplayer4" height="24" width="290"> <param name="movie" value="clientscript/player.swf"> <param name="FlashVars" value="playerID=4&soundFile={param}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> везде работает, а в IE не отображается, посоветуйте что нибудь...
0 votes5 answers -
Красивая и динамичная форма поиска
Столкнулся с задачкой. Ищу уже целый день, а толком так ничего и не смог найти. В общем, надо сделать форму поиска, но не простую. Значит когда курсор ещё в окне поиска не вставлен, там должна быть надпись "Введите данные для поиска" и плюс ещё в самом начале строки будет стоять картинка (типа иконка маленькая). Затем, когда вставляю в окно поиска курсор, всё это должно исчезнуть (и надпись и иконка) и остаться только чистое поле для введения поисковых данных. Вот такая "радость" подвалила. Может кто встречал решение такой задачки? Или у кого-нибудь она есть? Буду очень признателен за помощь.
0 votes13 answers -
Как сделать такие бордеры ?
Здравствуйте ! Подскажите, как сделать верхний бордер, который заканчивается перед надписью и начинается после неё - см. изображение ниже ?
0 votes8 answers -
Масштабирование картинки
Всем доброго времени суток! Задал этот вопрос в теме про вписывание в div блоки, но поскольку вопрос той темы был решен, я думаю, будет уместно задать его в новой. Можно ли масштабировать картинку внутри блока одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width. А то получается такая ерунда: если масштабирование идет по height, а окно вытянуто по вертикали, картинка не влезает в окно. А она должна быть вписана в окно браузера. Пример: http://www.delirio.pro/
0 votes4 answers -
Проблема с PNG-прозрачностью
Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.
0 votes22 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-