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
-
Окно с прокруткой
Добрый день. Как сделать окно с прокруткой? Пример - виндосовские окна. Как выглядет окно: <div id="window"> <p>Заголовок окна</p> <div>Тут находится содержимое всякое разное</div></div>Т.к. у всех мониторы разные, то макс. высота окна не фиксирована, а задается в процентах от body / html. Соответственно, если содержимое вложенного div больше, то у него должна появиться вертикальная прокрутка. Как это сделать? Чтобы ничего не вылезало, скролбары показывались когда нужно. Может нужно верстку окна изменить? Ps Окно позиционировано абсолютно.
0 votes11 answers -
Ie6 Не Позволяет Задать Размер Блочной Ссылки Меньше Размера Шрифта
есть ссылки, которые display:block, чтобы задать ссылкам размер, и внутри (между <a> и </a>) они пустые, но тут в IE6 (в IE7 такой проблемы нет) некоторые ссылки, которые по высоте меньше, чем высота шрифта по умолчанию в браузере (дело в том, что за ненадобностью шрифтов в документе им ни вид, ни размер не задавались вообще), расползлись (по высоте). умный IE6 почувствовал обязанность спасти ссылки, в которые не везли бы буквы, хотя их там нет. решил я всё в момент просто. вот так: a {font-size: 0;} но мне вот интересно, можно ли найти какой-нибудь способ поэлегантнее? если что, XHTML 1.0 Strict, код и стиль валидны. кстати, для тех, кто, может быть, не знает…
0 votes1 answer -
Как бы вы сделали.
Вобщем нашёл один шаблончик, для сайта. Началу думать как бы сверстать. Вот скриншоты: Интересно послушать идеи как лучше всего сврестать такое. У меня в голове только одно решение: заднюю штриховку с цветной линией, сделать фоном шапки, а меню состряпать из картинок, так как градиентных шрифтов на CSS пока, что делать нельзя. Какие у кого есть идеи?
0 votes4 answers -
Столбцы одинаковой высоты
Здравствуйте. Можно ли сделать 3 столбца одинаковой высоты с фоном? Не фиксированной высоты, т.е. если текста в одном и столбцов больше, у остальных высота такая же. Подскажите каким способом пожалуйста. Вот фото http://kremenchugforum.com/111.gif
0 votes4 answers -
Переопределить цвет ВСЕХ ссылок
Здравствуйте! Прошу помощи. Требуется переопределить цвет абсолютно всех ссылок, стиль которых определён в html и css, недоступных мне; есть только возможность написания анти-css. Однако, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a {color: #00aaff;} - не работает полностью. Но, к примеру, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a, #preftoc a, #preftoc li a, #p-personal .pBody ul a, #p-cactions li a {color: #00aaff;} - работает. Но указание каких-либо дескрипторов недопустимо, поскольку когда исходные разработчик…
0 votes8 answers -
Проблемы с clear
Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!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> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…
0 votes6 answers -
Рамка вокруг тела сайта.
Приветствую! Подскажите, пожалуйста, как на html можно создать бордер в один пиксель заданного цвета вокруг всего тела сайта? Заранее спасибо!
0 votes8 answers -
Выделить input, не сбивая дефолтной браузерной темы
Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь просто…
0 votes9 answers -
gif & png вместе
Вот что я имею... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>***</title> <meta name="description" content="***"> <link rel="icon" href="icon.jpg"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="background"><a class="H333"></a></div> <div id="center"><H7><H30> *** </H30></H7></div> <a class="***" href="***.html" title="***"></a> <a class="***" href="***.html" title="***"></a> <a class="***" h…
0 votes12 answers -
Разъезжается содержание при наведении мышкой(hover)
Здравствуйте! Столкнулся с проблемой. Создал список <div class="menu"><ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> </ul> </div> Прописал CSS: .menu ul{ list-style-type: none; } .menu li{ display: inline; margin: 10px 20px; } .menu a{ text-decoration: none; } .menu a:hover, .menu a:active{ background: #cf36cf; color: #ffe; padding: 5px 10px; Но при наведении мышкой, меню сдвигается. В чем дело? Ни как не могу разобраться. А нужно, что бы при наведении был …
0 votes2 answers -
Обтекание текста текстом
Помогите с обтеканием буквы A остальным текстом, плиз! Весь блок должен масштабироваться при увеличении шрифта и изменении ширины окна браузера. ссылка на картинку текста
0 votes8 answers -
текст справа картинки
здравствуйте помогите пожалуйста нужно чтобы описание появилось справа картинки а кода добавляю float:right вот что получается ссылка на код http://codepen.io/lybrook/pen/neCkv/
0 votes7 answers -
z-index + hover и змечательный IE8
Здравствуйте! Есть блок, в котором находится фоновая картинка(фоновую картинку вставил с помощью img, так как надо, что бы высота блока регулировалась по её пропорциям, если можно это сделать через backgound - буду ооочень благодарен, когда поделитесь методом, как это делается). Картинка спозиционирована relative и z-index: 1; Так же в блоке есть множество элементов с классом .m-pointer, которые принимают position:absolute, z-index:999. Проблема в работе псведокласса hover в ie8. Элементы .m-pointer визуально находятся сверху над главной фоновой картинкой, НО hover в ie8 не работает. Подскажите, как решить эту проблему.. Бьюсь уже несколько часов. .............. <…
0 votes3 answers -
Как экспортировать слайдер на макете?
Вот на макете, не могу понять как экспортировать слайдер, самый первый под меню и лого, то ли объединить все в один слой или как нить по другому? вот макет site.psd
0 votes5 answers -
выпадающее меню на CSS - проблемы в IE
Здравствуйте. Нужно реализовать выпадающее меню на стилях. CSS: <div class="menu"> <div class="subMenu"> <div class="mEl"><a href="#">О компании</a> <div class="hider" id="hider"> <div><a href="#">О нас</a></div> <div><a href="#">Продукция</a></div> <div><a href="#">Партнеры</a></div> </div> </div> </div> HTML: .menu { display:block; font-size:14px; padding: 29px 0 32px 30px; } .menu A { text-decoration:none; color:#000; } .subMenu .mEl { display:inline; line-height:1.2em; margin: 2px 30px 0 10px; position:relative; width:200…
0 votes2 answers -
Как сделать?
МОй вопрос! Например на сайте vvsh.3dn.ru, все ссылки, например vvsh.3dn.ru/forum ,vvsh.3dn.ru/load! А у меня на сайте localhost/index.html, а я хочу чтобы было например localhost/index/! Как сделать?
0 votes4 answers -
Надежно ли работает во всех ИЕ свойство zoom:1?
Это свойство для меня загадка... В общем я его называю "исправлятель глюков под ИЕ". Тоесть если слои съезжают и отображаются в ИЕ не как запланировано, то обычно все лечиться добавлением этого свойства. Так вот. У меня вопрос: во всех версиях ИЕ это свойство рабтает? То есть, если я его использую под 6: будет ли оно адекватно воспринято ИЕ 7...?
0 votes3 answers -
Навигация
Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?
0 votes12 answers -
Flash-сайты
Очень красивый дизайн у флеш-сайтов. Можно такие фуртеля закрутить - прямо закачаешься! Но вот интересно ваше мнение какие плюсы и какие минусы у такого сайта? Возможно ли как-то подключить java script к такому сайту? Как-нибудь можно решить трудности с обновлением сайта, если сайт не рекламный и частенько подлежит обновлению? Как поисковики относятся к подобным сайтам? Большой ли размер у подобного рода сайтов? Стоит ли делать флеш-сайт, если тематика "Юмор" и раза 2 в неделю он обновляется? Просто может есть какие способы как для action script сделать актуальным или подключить java script?..
0 votes6 answers -
<input type="button" /> (border:1px)
Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.
0 votes4 answers -
Сделать сброс стилей
Добрый день. Насколько разумно подключить такой фаил css, чтоб убрать всё лишнее? Стоит ли вообще такое использовать? html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; /* обнуляем внешние отступы */ padding: 0; /* обнуляем внутренние отступы */ border: 0; /* убираем бордюры */ outline: 0; /* убираем контуры */ font-size: 100%; /* задаем базовый размер шрифта, значе…
0 votes7 answers -
как button открыть, как ссылку правой кнопкой мыши
Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний
0 votes5 answers -
Как изменить input
Что сделать чтобы в <input type="text"> </input>(высота 200px, ширины 500px) чтобы данные записывались не в 1 строку.
0 votes2 answers -
Непонятный отступ
Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3…
0 votes2 answers -
Блок для вывода новости
Господа, помогите разверсать вот такой вот блок... Что-то даже пока вариантов нету. Пробую пока, но не выходит
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-