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
-
Как сделать 2-колоночный резиновый контент?
Здравствуйте! хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать? Или это надо делать таблицами =( ? CSS: #Content{ float:left; width:100%; min-width: 200px; margin-right: -250px; /*сайдбар там*/ } #SubContent1 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #SubContent2 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #DIV1 { float: …
0 votes1 answer -
Полоса прокрутки слева
Сделал пример для раздела Рецепты, где для слоя полоса прокрутки отображается слева, а не справа, как обычно. Но вот беда, Опера не хочет делать то, что мне требуется. IE и Firefox работают на ура. Почитал, в чем же дело, Опера прекрасно понимает и direction и dir и unicode-bindi, все понимает, а делать не хочет. Вот код, похоже предложений по "уговариванию" Оперы не будет. <!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=windows-1251"> <title>Полоса прокрутки слева</title> <style type="text/css"> div.leftscroll { …
0 votes1 answer -
Div внутри Div
Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #cnt { margin-top: 10px; } #cntl { margin-right: 10 px; width: 180px; float: left; } #cntr { margin-left: 10px; width: 250px; float: right; } #cntc { height: 200px; } Код: <div id="cnt"> <div id="cntl"> Содержимое левой колонки </div> <div id="cntr"> Содержимое правой колонки</div> <div id="cntс"> Содержимое центра</div> </div> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…
0 votes1 answer -
список горизонтально не используя display: inline;
возможно ли как то сделать список горизонтальным кроме как используя display: inline;?
0 votes1 answer -
Проблема с иконкой.
Вот сегодня я поставил иконку для моего сайта. Но в Opera она показывается а в Internet Explorer нет. Вот адрес этого сайта: http://www.clubunnatov.spb.ru/
0 votes1 answer -
Баг масштабирования в IE7
Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).
0 votes1 answer -
Проблеммы с отображением в Мозиле и Опере =(
Учусь верстать табличной версткой, но у меня проблемма в Мозиле и Опере некоректно отображается =( _http://la2angel.net/index-test/angel.php Как это поправить? В IE все отлично !
0 votes1 answer -
2 колоночный "резиновый"макет с параметром width-min
Здраствуйте Подскажите какие есть способы создания 2 колоночного "резинового" макета с параметром width-min те первая колонка была фиксированой а вторая (правая) могла сжиматься до определенного значения указаного в width-min. если размер меньше width-min то появляется скрол (у меня сейчас макет сыпится ;-(( ) спасибо всем кто ответит!!!
0 votes1 answer -
как добавить функцию JS (onclick) при XSL трансформации?
В html-файл Я с помощью javaScript ( obj.innerHTML=XML.transformNode(XSL); ) вставляю (сгенирированный XSL трансформацией на основе данных из XML) следующий код html: фрагмент ... <img border="0" src="images/link_03.jpg" width="240" height="182" />... . Вс? работает. НО ЕСЛИ ДОБАВИТЬ к тегу 'img' функцию onclick= SomeFunction('new.xml') получиться ... <img border="0" src="images/link_03.jpg" [b]onclick= SomeFunction('new.xml') [/b] width="240" height="182" />... . То работать не будет. IE, при открытии непосредственно этого XSL-файла, пишет "Требуется строковый литерал, но не найдена открывающая кавычка". Почему? И как добиться желаемого результата? Спасибо…
0 votes1 answer -
Как выровнить название на кнопке по левому краю
Нужно чтобы надпись "ОЧЕНЬ ДЛИННЫЙ ТЕКСТ" выравнивался на кнопке по левому краю
0 votes1 answer -
как сделать постоянный отступ независымый от размера окна браузера
прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…
0 votes1 answer -
Расширения (filter) для CSS
Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...
0 votes1 answer -
Проблемы с мозилой.
Подскажите, как надо задать фон (цвет) ячейки таблице, что бы он в мазиле нормально отабражался?
0 votes1 answer -
Подключить flash
quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как подлючить flash?
0 votes1 answer -
Сделать кнопку без помощи тега <button>
Тег не поддерживается только браузером Internet Explorer... Обидно! Но кнопку ещ? можно сделать так: , это не проблема. А как можно создать свою кнопку, с тремя положениями (активна, неактивна, нажата) и возможностью переименовать е? в любой момент я не знаю.. В Delphi это очень легко сделать можно, а с веб-дизайном только начинаю работать и не очень освоилась ещ?...
0 votes1 answer -
Символ ? в Opera отображается жирным!
А в других браузерах (IE, Mozilla) все нормально.
0 votes1 answer -
Какой должкен дыть размер по ширине и высоте у иконки сайта
Какой должкен дыть размер по ширине и высоте у иконки сайта
0 votes1 answer -
Вопросы про примитивы
В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?
0 votes1 answer -
Особенности работы col при выходе таблицы за окно
Есть таблица, которая должна быть намного шире окна браузера. Каждая колонка должна иметь фиксированную ширину. Однако, опера9 и ие6 считают, что следует игнорировать тег col, и форматируют содержимое ячеек по минимально возможной ширине. Есть ли красивый способ исправить это? Нужно, чтобы тег col учитывался даже при выходе таблицы за границы окна. Пока единственное найденное решение - добавить width="xxx" к
0 votes1 answer -
Резина по высоте
Есть у кого конкретные примеры резины по высоте при верстки сайта таблично?
0 votes1 answer -
Как сделать так, с помощью CSS? (смотреть картинку)
http://wet-avenue.narod.ru/differents/1.jpg как сделать чтобы текст на бордер залазил?..с помощью css
0 votes1 answer -
Тег <a> содержит тег <div>. Как добится валидности кода?
на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>
0 votes1 answer -
Объясните, как и почему "плывут" столбцы в таблице.
Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo2" align="center"><…
0 votes1 answer -
прозрачность PNG vs IE6
Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…
0 votes1 answer -
запретить перенос слов
при сужении окна по ширене происходит перенос слов, в результате нарушается дизайн, подскажите каким отребутом можно запретить перенос слов.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-