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
-
CSS не могу понять в чем дело
Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">
0 votes2 answers -
CSS не подключается к очередным страницам
Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…
0 votes4 answers -
CSS Обработка изображений (затенение, высветление)
Здравствуйте! Вопрос: Средствами css можно как-то затемнить, размыть изображение, как бы наставить на него белую полупрозрачную пленку и т.п.? Есть для этого какие-нибудь стили?
0 votes9 answers -
CSS организация классов
Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили. Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде <div class="header"></div> <div class="content c-home"> <div class="c-left"></div> <div class="c-right></div> </div> <div class="footer"></div> Пишу c-…
0 votes1 answer -
CSS отдельно для каждого браузера
У меня проблема, мож кто разбирается,заранее спасибо) У меня ест два файла со стилямя(один для оперы IE , а другой для MazillaFirefox) как мне сделать так чтоб браузер автоматический выбирал предназначенный для него файл со стилями?
0 votes6 answers -
CSS отказывается работать/отображаться.
Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae
0 votes2 answers -
css отображение, reset.css
есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.
0 votes11 answers -
css оформление цитаты
Приветствую, всех! В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать: Вот, как такое записать в стиль?: Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию. На цвета сайта прошу не смотреть, я в экспериментах Чтобы объяснить, что я хочу, для скрина я сделал так: blockquote { font-style:italic; background-color:#333333; color: #f9d649; margin-left: 45px; text-align:justify; font-size:17px; } .chel { color: #FF0; margin-left: 10px; font-weight: bold; font-style:normal; } html полностью не привожу, так как там пробелов миллион, только принцип: <blockquo…
0 votes4 answers -
Css пара вопросов
Подскажите пожалуйста, начал изучать html и css, иногда смотрю через хром как сделаны некоторые элементы, и вот есть пара вопросов: Это дебагер хрома (или как он называется) так вот, 2 вопроса 1) почему некоторые строки справа в разделе css зачеркнуты? 2) название: .progress .bar что это значит? всмысле почему после первого названия .progress идет еше второе .bar?
0 votes4 answers -
CSS по правилам Академии HTML и прочих гуру-верстальщиков
Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…
1 vote5 answers -
CSS под разные разрешения
Сделал CSS под разные разрешения, подгружаются скриптом. А если у когото будет JavaScript отключен, как сделать чтоб грузился стандартный CSS, а то без файла стилей вообще ничего не будет видно, а есть всё же люди без JavaScript
0 votes10 answers -
CSS позиционирование блоков
Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?
0 votes8 answers -
css присвоение объекту класса
Здравствуйте. у меня есть два класса .text_color_blue{ color: #37c1d0; } .text_color_white{ color: #FFFFFF; } и есть такая структура <ul> <li><a>1</a></li> <li><a>2</a></li> </ul> как сделать так чтобы сначала <a> принимал класс text_color_blue а при наведении на него менялся на text_color_white знаю что по средством js я просто меняю у объекта класс но как можно обойтись css и присвоить <a> сначало один уже существующий класс а при hover заменить его спасибо всем
0 votes2 answers -
CSS проблема при блоковой вёрстке в строке
Нужно помощь. Есть полоса из множества блоков. Полоса может состоять из нескольких строк. Блоки имеют название. При наведении- ширина изменяется(на auto). Проблема- при наведении блок двигает другие блоки- но это не важно. Основное- в конце строки блоки начинают "прыгать" во 2 строку и обратно(ведь я выбираю в 1 строке ,а в 2 строке нет наведения). Кто сможет подсказать как сделать блоки либо поверх при наведении. Насчёт движков- это хром. Ну и для Firefox если есть какие- либо идеи тоже. Выдержка стилей блоков(изменение ширины идёт через js): display: inline-block !important; border: 0px !important; padding: 0px !important; overflow: hidden !important; top…
0 votes3 answers -
Css проблема при выравнивании box-sizing:border-box
Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.
0 votes2 answers -
CSS проблемы мобильной вёрстки (Google Mobile Friendly)
Есть сайт на Drupal 7, установлена адаптивная тема. При проверке сайта на предмет совместимости с мобильными устройствами сервисом Гугл Mobile Friendly, на заглавной и на всех прочих страницах, кроме тех, что с картинками, сервис пишет: Отлично! Страница оптимизирована для мобильных устройств. А вот на страницах, где есть картинки, сервис Google Mobile Friendly выдаёт сообщение - Не оптимизировано для мобильных устройств (контент шире экрана). При всём при этом при тестировании этих страниц с картинками и всего сайта в целом на эмуляторах мобильных устройств, картинки масштабируются, полностью вписываясь в экран, как надо. Для тега img задано max-width: 100%; height: aut…
0 votes1 answer -
css размер бордера
может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт
0 votes6 answers -
Css разметка
Здравствуйте, хочу сделать одну вещь, но не получается, вот в чем суть: Это общая разметка сайта. Какие требования - див center основное пространство сайта, он имеет фиксированную ширину и выравнивание по центру через margin:0 auto; это все работает, а теперь мне нада что бы див Left заполнял пространство с лева, а див right - пространство справа. Далее в див left вставляется бекграунд который должен прилипать к крайнему правому углу(на рисунке элемент 1), а в диве right зеркальный бекграунд приливать к левому краю(на рисунке элемент 2), бекграунды я нарисую в фш, с этим проблем нет. Часто встречаю подобные штуки в дизайне сайтов, вот щас решил сам сделать нечто подобное…
0 votes2 answers -
css резиновые div'ы
Вобщем хотел сам сделать, но не получается Хочу сделать следующее: <div class="one"> </div> <div class="two"> <div class="n1"></div> <div class="n1"></div> <div class="n2"></div> <div class="n3"></div> <div class="n.n"></div> </div> one - фиксированая ширина two - обтекает one и занимает всё оставшееся место, Дальше то, что не получается: n1-n.n - если две в two помещается, то должен срабатывать float, но если разрешение маленькое - по одному, но занимать должен весь two. Вот вобщем всё. Как реализовать
0 votes3 answers -
css резиновый div
Вот, есть 2 div'a (float:left) у одного ширина 500px, как сделать что бы другой занял все оставшееся место на странице(min-width: 500px;max-width: 720px) и растягивался с ней, а первый оставался неподвижным?
0 votes7 answers -
css рефакторинг
Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …
0 votes0 answers -
css рецепты программирования кристофер шмитт
Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??
0 votes8 answers -
CSS с условием
Привет всем! Мой первый пост. Решил я все картинки-миниатюры, уровнять по ширине: .attach { width: 720px; height: auto; } Большие картинки сжало красиво, а маленькие - нет. Задача: Как в css выполнить, что если ширина больше 720 px, то ровняло к 720, а если меньше, то оставляло как есть.
0 votes3 answers -
CSS свойста "border"
Почему две нижеприведенные записи CSS для border не равнозначны?: div { border-style:solid; border-color:#eee #ddd #ddd #eee; border-width:1px } div { border:1px solid #eee #ddd #ddd #eee } Второй вариант не работает, поскольку идет указание сразу на четыре стороны блока?
0 votes1 answer -
Css свойства нескольких блоков
Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?
0 votes3 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-