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
-
CSS Layouts
Почти все сайты верстаю на дивах. в этой теме предлагаю выкладывать ссылки на ресурсы с готовыми лейаутами. начну: http://layouts.ironmyers.com/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://www.glish.com/css/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp
0 votes22 answers -
Не получается спозиционировать сайдбар
Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…
0 votes9 answers -
синтаксис - маркирование звездочка
* html body {padding:120px 0 50px 0;} Для чего здесь звездочка???
0 votes2 answers -
xHTML vc <tfoot>
только что наткнулся на странный ответ валидатора на тег <tfoot> вот простой пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table> <thead><tr><td></td></tr></thead> <tbody><tr><td></td></tr></tbody> <tfoot><tr><td></td></tr></tfoot> </table> </body> </html…
0 votes2 answers -
Непонятные отступы в explorer
<div id="counters"> <div id="counter1"> <!-- catalog.tut.by code begin --> <a href="http://catalog.tut.by/"> <img src="http://catalog.tut.by/images/catalog-tut5.gif" border=0 width=88 height=31 alt="Каталог TUT.BY"></a> <!-- catalog.tut.by code end --> </div> <div id="counter2"> <!-- Akavita counter code --><a target=_top href="http://www.akavita.by/"> <script language=javascript><!-- d=document;w=window;n=navigator;d.cookie="cc=1"; r=''+escape(d.referrer);js=10;c=(d.cookie)?1:0;j=0; x=Math.random();u=''+escape(w.location.href);lt=0; h=history.length;t=new Date;f=(self!=top)?1:0;cd=0; tz=t.getTime…
0 votes2 answers -
Относительные урлы
Я уже задолбался наступать на одни и теже грабли... Обьясните мне плз когда можно использовать относительные урды а когда нет, и когда от чего они считаются. Вот например в css файле подключенном через link rel пути считаются относительно самого файлика css а после php include все адреса отсчитываются от того файла куда инклудится... И когда абсолютный урл засовываешь в include, он ругается....
0 votes9 answers -
оформление ссылок - бордюр?
Не раз встречался с рекомендациями оформлять ссылки не с помощью text-decoration:underlineа посредством border-bottom: 1px solid #некий_цветпри этом, однако, неаккуратно смотрятся картинки, являющиеся ссылками - у них внизу появляется "подчеркивание". насколько я знаю, средствами CSS невозможно исключить свойство нижнего бордюра для ссылок, содержащих тег IMG. Остается только использовать JS (находить все теги A с вложенными IMG и прописывать им border:0), однако при этом процесс загрузки документа выглядит не слишком эстетично (JS запускается после окончания формирования DOM). Что думаете по этому поводу? Есть ли приемлемые способы решения проблемы?
0 votes7 answers -
Полупрозрачный фон в GIF
Есть фоновый рисунок у элемента, рисунок в gif формате, как сделать его полупрозрачным через фотошоп?
0 votes6 answers -
Footer внизу страницы...
Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)
0 votes9 answers -
Проблема с отображением модуля в IE7
Чем может быть вызвано некорректное отображение модуля в IE 7 ? Модуль в IE 7 Тот же Модуль в IE 8 Сайт: http://psy.5igorsk.ru/ Сайт работает на Joomla. Помогите исправить пожалуйста.
0 votes20 answers -
svg-изображения в слайдере не отображаются в IE8 и ниже
Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались
0 votes3 answers -
xhtml, padding и width 100%
Коллеги, помогите разобраться (подобного вопроса на форуме не нашел). Есть код: <!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" xml:lang="ru" lang="ru"> <head> <title>fucking electorate</title> <style type="text/css"> table, td {border:1px solid #ccc} table {border-collapse:collapse} tr {vertical-align:top} td {text-align:center} .d1 {width:100px} .d2 {width:120px} .d3 {width:140px} .wI input {width:100%} </style> </head> <body> <table id="t"> <tr> <td class="d1">100</td> &…
0 votes4 answers -
FireFox не видит дополнительную таблицу стилей
Всем привет! Проблема, которая просто шокировала! вот 2 странички: http://new.forexltd.ru/ru/trade/mt4mobile/ - с доктайпом http://new.forexltd.ru/ru/study/forex/ - без доктайпа при <!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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…
0 votes5 answers -
background и IE
Не пойму почему IE не воспринимает ни background ни border для блока <div id="layout"> . <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; } </style>…
0 votes14 answers -
Срез угла кнопки через css
Доброго времени суток! Подскажите, пожалуйста, как можно через css сделать подобный срез угла (правый нижний угол). Как сделать все остальные части кнопки знаю (градиент, скруглённые концы)... Спасибо! https://yadi.sk/i/na_n8fFAcKkBw
0 votes2 answers -
разные бордюры в таблице
привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?
0 votes8 answers -
Div Двигает Родительский Div
Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
0 votes4 answers -
Анимация SVG с помощью CSS (несколько вопросов)
Доброго времени суток, делаю прелоадер для сайта: http://codepen.io/karakym/pen/QNdvBj Есть несколько нюансов которые хотел бы узнать у знатоков. 1. На данный момент анимация простая, поворот нескольких элементов в противоположные стороны, так вот по окончанию загрузки сайта нужно остановить анимацию таким способом, что бы она доехала сначала до конца (все элементы прокрутились в исходные позиции) и лишь только тогда прелоадер можно плавно скрывать. Пробовал animation: paused; но это не совсем то что нужно, ведь анимация остановиться в последнем положении при котором загрузилась страница (то есть не докрутиться до изначального положения. Думал сделать способом убирания In…
0 votes6 answers -
DHTML
Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>
0 votes6 answers -
Блок улетает вниз в IE7
Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/
0 votes14 answers -
Возможен ли точный аналог cellpadding="0" на css?
Возможно ли сделать средствами CSS точный aналог cellpadding="0"? Интересует только кроссбраузерное решение (в том числе IE 6 ) Простое решение с td { padding = 0; } очевидно не является аналогом cellpadding="0", т.к.: - ячейки вложенных таблиц тоже получат этот класс, чего не происходит при cellpadding="0" (хотя это обычно некритично) - во вложенной таблице с cellpadding != 0 параметр cellpadding проигнорируется. Для тех, кому тяжело вчитываться, пример: <style> .tbl td{padding: 0px;} </style> <table class="tbl" cellspacing="0" border="1"> <tr> <td> <table cellspacing="0" border="1" cellpadding="10"> <tr> <t…
0 votes11 answers -
Навигация со скролом для мобильной версии сайта
Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!
0 votes13 answers -
автомасштабирование сайта под разрешение экрана/размер окна броузера
простой сайт html. имеется фон с нарисованными кнопками (бэкграунд), поверх — таблица с рабочей частью «кнопок» и проигрывателем uppod. Сайт работает исправно уже несколько лет. Спроектировал я его под 15' монитор своего ноутбука и был доволен пока не наступила эра планшетных компьютеров и «домашних кинотеатров». Подскажите — как проще сделать «автомасштаб» (то есть чтобы фон растягивался на весь экран, ну и таблица пропорционально фону). p.s.: При использовании Ctrl+ сайт масштабируется нормально (элементы остаются на своих местах/пропорционально увеличиваются, плеер растягивается). Есть несколько мыслей на этот счет но хочется узнать "как правильно" (-ней) прежде чем др…
0 votes4 answers -
Тормозит прокрутка position: fixed;
Вот получилась такая прокрутка Сайт Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes7 answers -
Размеры iframe
Мне нужно в ячейку таблицы вставить iframe. Но нужно это сделать в виде: width=100%, а heigth должна соответствовать размеру вставляемой в iframe странички (не нужны скролл-бары, равно как и пустое место после странички). Подскажите, как сделать?
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-