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
-
Переход по ссылке через тип "radio"
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
0 votes3 answers -
Кодировки
Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?
0 votes7 answers -
помогите выровнять FRAME
Есть необходимость сделать сайт с двумя фреймами (один над другим) причем дизайн (не резиновый) предполагает, что между фреймами не должны быть заметны границы. Поэтому в верхнем фрейме не должно быть горизонтального скроллинга. Нижний фрейм всегда больше видимой части страницы - поэтому всегда есть вертикальный скроллинг. Основные блоки страницы должны быть выровнены по центру. Тк нижний фрейм всегда имеет вертикальный скроллинг для выравнивания верхнего тоже пытаюсь включить ему вертикальный. В результате в Мозилле все ок, в Експлорере скроллинга нет и блоки при изменении размеров окна съезжают пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/…
0 votes6 answers -
В IE и в Opera левый блок съезжает вниз
Ошибку найти не получается. В FF все отображается правильно, а в Опере и IE при добавлении текста больше, чем помещается на 1 экран, левый блок пикселей на 100-150 смещается вниз. а при прокрутки страницы фон блока остается на месте, а содержимое ездит. Посмотреть пример можно тут: Пример
0 votes11 answers -
IE очень кумарит
картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…
0 votes19 answers -
Хостинг. Создание сайта.
Здравствуйте, форумчане! Хочу разобраться с выбором хостинга и некоторыми мелочами. Я совсем в этом не разбираюсь, хочу знать нюансы. И так, пойдём по этапно, что я хочу и как: 1. Для начало определиться с хостингом (платный хостинг). Сейчас такие услуги предоставляют огромное количество сайтов, а к кому обратиться - это вот вопрос. а. Требования: 1Гб выделенного места; управление сайтом (cms), путём динамичного отображения, вводимого контента, на последующих страницах... Возможно ли это? 2. Предположим, хостинг есть! Встаёт вопрос о создании интенет страничики, с динамичной структурой. Почему я выделил слово ''динамичной''? Нужен результат отображение, к примеру последн…
0 votes18 answers -
Шапка сайта из <div>
Всем привет. Нужна помощь. Сделал шапку сайта из дивов, но не уверен что все правильно написал, нужен совет... Сайт - ссылка Вот html код шапки: <div class="head"> <div class="logo"><img src="/images/logo.png" alt="logo" /></div> <div class="head_dt"><small>$WDAY$, $DATE$, $TIME$</small></div> <div class="head_banner"><script type="text/javascript" src="http://hayclub.net.ru/rtr/1-1"></script></div> <div class="clear"></div> </div> И CSS: /* Head Style */ .head{ background:url('/images/bg.png') repeat-x; height:216px; width:100%; min-width:995px; } .logo{ float:left;…
0 votes11 answers -
hover в div'e действует на вложенные блоки
Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…
0 votes4 answers -
Рамки вокруг изображений?
У меня проблема связана с рамочками вокруг изображений блока Спец.предложения сайта _baza-rialtor.ru, вот в FireFox, каждое изображение находится в черной рамке, в опере рамки вообще нет, а в IE она синяя. Как сделать так чтобы рамка была везде чёрная как в FireFox ???
0 votes17 answers -
IE отказывается грузить большие фоны
У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??
0 votes12 answers -
Вопрос о позиционировании для всех браузеров
Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (
0 votes8 answers -
Текст в div наезжает на предыдущий div.
Итак, сделал маленький макет используя bootstrap. Одно текстовое поле(input) в своем div'e, под ним текстовый логотип в своем. При этом логотип наезжает на input. Как исправить? Демо: http://onto.su/test/ Пример в архиве. http://rghost.ru/43606857
0 votes11 answers -
Прайс html из jpg
Здравствуйте, у меня такая задачка интересная)))) Есть прайс лист в jpg в дизайне сайта, нужно его сверставть в html, что бы была возможность в дальнейшем его редактировать через админку. Вот jpg: ну я решил сделать это следующим образом: <!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> <style type="text/css"> <!-- #prais1 { background-image: url(img/prais%20lazernai%20gravirovka_test.jpg); backg…
0 votes24 answers -
jsbin.com Есть пара вопросв
Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
0 votes15 answers -
Как зафиксировать элемент относительно окна браузера
Здравствуйте, есть такой код: <html> <head> <style type="text/css"> body { margin: 0; padding: 0; width: 100%; color: WindowText; } #header { width: 100%; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute; bottom: expression( document.getElementsByTagName( 'body' )[0].scrollBottom + "px" ); } #content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; } </style> </head> <body> <div id="header">Top Frame Content</div> <div id="content"> …
0 votes3 answers -
Закругление textarea && text
Вот ищу сейчас в гугле и на этом сайте и везде информация о закруглении дивов или картинок. А можно как нить закруглить поля для ввода ? Это text и textarea.
0 votes6 answers -
Вёрстка таблицами
Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…
0 votes24 answers -
Параметр height в таблицах!
Доброго времени суток! Проблема следующего содержания: КОД: <table cellpadding="0" cellspacing="0" width="600" height="100%" border="1" style="border-collapse:collapse;"> <tbody> <tr> <td colspan="2" height="100"> </td> </tr> <tr> <td rowspan="2" width="200"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td height="20">ПРОБЛЕМНАЯ</td> </tr> <tr> <td>2<…
0 votes8 answers -
Validation Output: 6 Errors
Всем привет! Хочу довести сайт до ума и сейчас занялся Валидностью кода! Было 131 ошибка, но снизил все до 14 4 из них это noindex - бог с ним! Но вот привожу 10 остальных! document type does not allow element "div" here …h +'px;height:'+ bigHeight +'px;z-index:9999;'+xPosBig+';top:-1000px;">'); document type does not allow element "div" here …mbWidth +'px;height:'+ thumbHeight +'px;z-index:9999;'+xPos+':0px;top:0px;">'); end tag for "param" omitted, but OMITTAG NO was specified …ad.ru/images/banners/butikparfum.swf"><embed src="http://onlin.... there is no attribute "src" …s/banners/butikparfum.swf"><embed src="http://onlid.ru/images/banne… there i…
0 votes15 answers -
Вывод печатной версии сайта.
Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо
0 votes3 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 answers -
Вертикальное меню с выпадающим списком
Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…
0 votes4 answers -
Перекрытие двух css стилей
Ребята, есть вопрос, помогите, плиз. Есть горизонтальное выпадающее css меню. Оно написано исключительно на css. И есть анимарованная кнопка, тоже на css. На одной из страниц у меня одна из подобных кнопок находится под выпадающим меню достаточно близко и когда в выпадающем меню наводишь курсор на пункт меню, который пересекается с кнопкой, которая под ним, то начинает срабатывать кнопка, а не продолжает работать меню. Подскажите, как мне сделать так, чтобы меню навигационное всегда работало, независимо от того, на какие элементы она налезает. Заранее благодарен.
0 votes5 answers -
HTML5 — Section? Aside?
Давайте поговорим об html5 семантике, как бы вы разметили данный макет?
0 votes17 answers -
Трехколонный макет ? колонки во всю длину экрана
Не знаю, обсуждался ли данный прием на этом сайте, однако мне ничего по этому поводу найти не удалось. Необхожимо сделать трехколонный шаблон для сайта, но при этом левая и правая колонки должны иметь длину* средней колонки, то есть доходить до самого низа страницы. Возможно ли это сделать средствами CSS (я думаю, что наверняка), может кто-то уже сталкивался с этим? Замечу, что в большинстве случаев рассматривается "резиновый" вариант исполнения длины колонок, в зависимости от количества контента. Заранее спасибо.
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-