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
-
фиксирование высоты таблицы
Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.
0 votes1 answer -
Смещения в IE.
У меня проблема очень странного характера. Сверстал сайтик. На половине компьютеров отображается нормально, на половине - со смещением, прич?м разрешение одинаковое, браузеры - тоже. http://www.korben.biz/nukerus/index.php На мо?м компе вс? корректно в FF 2.0.0.13, IE 6, IE 7, Opera, на других компьютерах отдела смотрел - тоже нормально. Но у некоторых появляются непонятные смещения. А именно: хедер раздел?н на три разных рисунка, самый маленький - тот, что за Поиском - отображается как background. Вот на некоторых компах он смещ?н на пару пикселей вправо. - это самая главная проблема, от которой я не представляю как избавиться. И ещ? - http://www.korben.biz/nukerus/modul…
0 votes7 answers -
Глюк в ie position:relative
обнаружил тут такую штуку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Untitled Document</title> <style> body, html{ font-family:Arial; margin: 0 auto; height:100%; text-align: left; background:rgb(183,229,255); } .sl2{ background:white; overflow:hidden; width: 1000px; height:auto; } .menu_1{ position:relative; border:1px solid black; width:200px; min-height:279px; height:100%; _height:279px; font-size:14px; } </style> </head> <body> <div class="sl2"> <div class="menu_1"> text </div> </div> </body> <…
0 votes3 answers -
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
Как тестировать верстку?
Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить
0 votes5 answers -
Tahoma utf-8
Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…
0 votes4 answers -
Favicon
Есть ли способ внедрить favicon помимо <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">?? Как-то раз я видел, что favicon был внедрён как-то иначе, но так и не понял как... Как ещё можно внедрить??
0 votes15 answers -
Еще вопросик про яндекс метрику
Если я ставлю на отправку данных цель для яндекс метрики, а форма обрабатывается с помощью ajax запроса, а также java скрипта на валидность данных. Метрика не посчитает отправку успешной при невалидности данных форм? Кстати ее ведь можно по идее вынести в отдельный файлик script.js весь код метрики и уже там на успешном submite ajax повесить цель яндекс метрики? Чтобы не прописывать onsubmit в хтмл? Кто-нибудь делал так? Сейчас не могу оттестить, боюсь лопатить готовый код сайта (... Плюс почему-то данные конверсии цели обновляются с большой задержкой - я аж не пойму, какой именно скрипт у меня сработал. а какой нет(... Поэтому и спрашиваю тут.
0 votes5 answers -
Не отображается в хроме шрифт Campus
Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным
0 votes5 answers -
margin-width и list-style-image
1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?
0 votes14 answers -
Склеивание блока
Народ помогите разобраться как склеить блок ,есть 2 части и ,нужно получить . Помогите разобраться как склеить такой блок ,позиционированием и другими способами какими будет не сложно.И еще вопрос какая структура вложености тегов html? Буду очень благодарен за помощь.
0 votes2 answers -
2 вопроса по CSS
Вопрос: 1 У меня тут таков вопрос как сделать по типу списка в блоке типо: ? Меню ? - моя стрелочка (картинка) Меню - текст ! если не понятно вот скрин: http://s017.radikal.ru/i443/1203/3e/700365f6bfa9.png Вопрос: 2 короче у меня такая проблема как бэ как сделать так что-бы сайдбар и контент прижимался к футеру а то у меня такая фигня получаеться 1. http://s018.radikal.ru/i500/1203/7a/8f0a3ed8651c.png 2. http://s001.radikal.ru/i193/1203/92/4c697aab143d.png ПРоблема в том щито у меня ещё бордер прописан на контент так вот он не до конца доходит
0 votes6 answers -
Подключение шрифтов в Андроид
Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…
0 votes6 answers -
Отображение сторонних шрифтов на сайте
Добрый день. Подскажите пожалуйста, можно каким-либо образом отобразить на своем сайте сторонние шрифты (*.ttf файлы). Только не как имэйджи, а именно как сам font. Возможен ли такой вариант в (x)html, если нет, но может есть какой-то способ отобразить их при помощи css или javascript?
0 votes3 answers -
проблема картинки в теге H1(Firefox)
Если вставить тег h1 так то все нормально: <h1><td><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></td></h1> а если так : <td><h1><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></h1></td> то появляется горизонтальная полоса в firefox скрин: Стиль для тега H1 - h1 { font-size:11px; display:inline;} Как можно это исправить п.с в IE в обоих случях нормально отображается сайт - wareznik.int.ru
0 votes7 answers -
Адаптивная верстка
Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?
0 votes14 answers -
Перевод абсолютных велечин в относительные
Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.
0 votes16 answers -
проблема с .png для ролловерного слоя
Проблема в том, что есть png внутри скрытого слоя. слой появляется по действию скрипта. Так вот - именно в этом слое не отображаются png, вернее они не полупрозрачные. PNG фиксю при помощи скрипта и стилей, работает нормально для остальных картинок на странице. В чем может быть проблема, кто сталкивался? В ходе поиска нашлось возможное решение - http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ - но почему-то не работает у меня.
0 votes3 answers -
Неправильное позиционирование в IE6.0
<html> <head> <title>Lifestyle</title> <style type="text/css" media="all"> body, html {height:100%; width:100%; margin:0px; padding:0px} a{text-decoration:none;} </style> <script> var potkat1_visible=false; function show_potkat1(){ if (potkat1_visible==false){ document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true; } else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;} } function hide_potkat1(){ document.getElementById('potkat1').style.display='none'; potkat1_visible=false; } </script> </head> <body> <!-- Таблица главная !-->…
0 votes5 answers -
Помогите, пожалуйста, с таблицей
День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…
0 votes9 answers -
Нуждаюсь в помощи
Почему данная таблица <?if($POLL$)?> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: rgb(84, 106, 130) url(http://s27.ucoz.net/t/341/8.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; color: rgb(245, 247, 249);" height="19"><b>Опрос</b></td></tr> <tr><td style="padding: 5px; background: rgb(201, 210, 222) url(http://s27.ucoz.net/t/341/9.gif) no-repeat scroll center top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz…
0 votes9 answers -
диагональный градиент
Покажите как сделать диагональный градиент?
0 votes12 answers -
В ie9 не работает border-radius после применения градиента ?
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??
0 votes17 answers -
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
Прикрепить второе фоновое изображение к низу страницы
Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-