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
-
высота в %
Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?
0 votes6 answers -
border Css
Добрый вечер, подскажите, как мне через css сделать рамочку не только наружную но и меж ячеек(у меня 3 столбца и много строк(в разных колонках по разному)), а то через чисты htm рамка получается жирная и не красивая, а через css только внещнюю получается сделать... Благодарю. если ответ требует кода(я думаю врядли, но всёравно) вот <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td rowspan="4"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td&…
0 votes8 answers -
не корретно работает media:print
не корретно работает media:print...Ну,возможно (или скорее всего) здесь моя вина в незнании особенностей ccs для print. И вот сама проблема: цвета ссылок и цвет блоков не отображается при печати в ИЕ.Что же необходимо сделать? Задача: идентичное изображение как на дисплее. Вот сайт www.gppb.ru/NEW использование visibility:visible не помогло... ну..не ругайтесь особенно что туплю..
0 votes7 answers -
Понимает ли Chrome <br class="clear" /> ?
Понимает ли хром такую запись - <br class="clear" /> Во всех браузерах нормально выглядит конструкция, есть перенос и отступ строки, а хром как будто не замечает в упор этой записи и продолжает выводить текст как будто там ничего и не стоит. Если он таких вещей не понимает то на что можно данный код заменить?
0 votes19 answers -
Почему на сайте jsfiddle нельзя копировать коды?
Почему на сайте http://jsfiddle.net/HGHyJ/8/ нельзя копировать текс кода?какогото фига копируется ссылка которая мне ненужна...
0 votes11 answers -
Сайт с мобильной версии браузера не отображает курсив
В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.
0 votes14 answers -
Бордеры пропадаю из за флоата ?
Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…
0 votes3 answers -
Отступ в IE 5.5/6.0
Всем привет! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #left { float: left; width: 31%; margin-left: 2%; } </style> <body> <div id="left"> ...content... </div> </body> </html> Отступ в IE 5.5/6.0 от левого края в 2-3 раза больше, чем в остальных браузерах (включая IE 7/8). При отключении опции ?float: left? отсуп становится нормальным, но мне эта опция необходима (верстка трехколоночная, следующий div располагается следом за этим). Заранее спасибо за помощь.
0 votes4 answers -
Иконка сайта
Прочитал в рецептах данного сайта как делать иконки сайта. Сделал, послал в корневую папку сайта ВВВ. http://www.po-miry.ru В Опере отражается, в ИЕ нет. А вот иконка данного сайта видна во всех браузерах. Почему?
0 votes6 answers -
Резиновая верстка
Проблема в следущем, есть резиновый блок в котором есть 2 блока, как зделать что б при увиличении основного блока от 1100 пикселей до 1400 блоки не ссежали два втутрние оставались на своем месте? Какой код надо дописать? <div id="header"> <div id="leftside"></div> <div id="rightside"></div> </div> #header { width:100%; margin:0 auto; min-width:1100px; max-width:1400px; min-height:777px; background:#fff url(../image/bg_top.jpg) no-repeat center top; } html #header { height:778px; width: expression(document.body.clientWidth > 1100 ? "100%" : "1100px"); width: expression(document.body.clientWidth < 1400 ? "100%" : "140…
0 votes7 answers -
как сделали на этом сайте?
http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…
0 votes15 answers -
Верстка header'a div-aми (резиновый дизайн)
Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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" xml:lang="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…
0 votes5 answers -
Иконка меню для мобильных устройств (hamburger icon)
Существует несколько методов вывода иконки навигации(три горизонтальных линии) на сайте кто-то просто вставляет png иконку, кто-то делает с помощью border`a, кто-то использует box-shadow, кто-то градиенты, кто-то svg. кто-то псевдо-элементы. я не сильно силен в этой теме, но понимаю, что мне хотелось бы менять, к примеру, цвет иконки в зависимости от цвета фона шапки, поэтому я хотел бы иметь возможность гибко работать с иконкой. Суть вопроса, кто какой метод использует и какие плюсы/минусы разных методов. п.с. Кто-то подключает иконочный шрифт, вопрос такой, имеет ли смысл грузить мобильный трафик подключением этого шрифта ради 1-2 иконок?? или это не особо влияет на ск…
0 votes6 answers -
При обновлении страницы съезжает блок меню
Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.
0 votes1 answer -
Помогите!Проблема с фоновым рисунком!
Как сделать так чтобы фоновый рисунок на разных разрешениях экрана,извенялся соответственно?На языке HTML.
0 votes6 answers -
Почему при изменении шрифта в IE6 разметка портится
Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?
0 votes4 answers -
Проблема с Web Developer..
В общем не получается протестировать вёрстку под различные мониторы. Родное разрешение 1024x768. При изменении разрешения в Web Developer, к примеру, на 1900x1200 происходит всего небольшое смещение, и всё. Также и под все остальные. Подскажите, в чём может быть проблема, что делаю не так?
0 votes14 answers -
как "приклеить" изображение в верхнему краю?
здравствуйте, скажите как прикрепить изображение к верхнему краю, я хочу чтобы в блоке меню, (его оформление описано в классе .navigation) было прикреплено изображение к верхнему краю - это тонкая полоска, и чтобы оно не повторялось по высоте, но в backgroung-image можно задать только общий фон, а в border-top нельзя задать изображение... можно конечно наверное сделать отдельный блок, внизу или поверх, но наверное это не лучшее решение. подскажите как лучше сделать?
0 votes7 answers -
Метод как вставить линию до и после текста
Не подскажите ли метод как вставить линию до и после текста, так чтобы они заполняли всю ширину. Нашла только метод с дополнительным span - надо прописывать другой цвет бэкграунда но для моей ситуации это не подходит((( http://clip2net.com/s/3h0LZyt Заранее благодарю)
0 votes10 answers -
display: block по нажатию на radio
Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!
0 votes1 answer -
Bootstrap. использование медиазапросов SASS
Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?
0 votes8 answers -
Свойства table
Как проще сделать код и вынести его в css: <table class="main1" align="center" valign="top"> т.е. нужно вынести в css align="center" valign="top" (класс table.main1 уже есть)?
0 votes7 answers -
опять наш любимый IE
если нужно прописать два спец класса, первый для всех браузеров IE кроме версию 8, другой только для версии 6, выходит так что нужно в теге head прописывать 2 события??????? <!--[if lt IE 8]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> ———- <!--[if IE 6]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> можно как-то совместить?
0 votes5 answers -
проблема с каскадными такблицами
Всем привет, мне нужна помощь. я тут сайт делаю, по дизайну который мне дали. проблема в следующем. к примеру есть надпись "Частные уроки обучения игры на фортепиано". Она должна быть в рамке и на розовом фоне, никак не получаеться у меня. Применив <style type="text/css" A { color: black; background: peachpuff; padding: pink; } </style> у меня тоже ничего не вышло, на сайте ничего не отобраражеться. Кто сталкивался с данной проблемой или знает как ее решить, жду ответа
0 votes6 answers -
Создание шаблонов под сайт и форум
Всех категорически приветствую)) Я далек от сайтостроений и дизайна, но вот захотелось сделать для себя. Просто есть идея создать портальчик, для себя, и выкладывать там стать свои мысли, которые кому то могут пригодится (как например моя разработка для проигрывателя Dune BD которую уже куча народу оценила) Для этого я скачал халявные движки портала и форума MKPortal + SMF конечно там уже все сделанно, все работает, но естественно хочется внести что то свое))) уже сделал и оттестил новые функции (курс доллара, погоды, красивые смайлики и т.д.) но все же есть пара вопросов) так как я ярый поклонник Apple, хочу сделать дизайн в сите Mac OS. на примере уже имеющийся темы для…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-