Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. CSS не могу понять в чем дело

    Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">

    Asked by octavian,

    0 votes
    2 answers

  2. CSS не подключается к очередным страницам

    Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…

    Asked by polsarmat,

    0 votes
    4 answers

  3. CSS Обработка изображений (затенение, высветление)

    Здравствуйте! Вопрос: Средствами css можно как-то затемнить, размыть изображение, как бы наставить на него белую полупрозрачную пленку и т.п.? Есть для этого какие-нибудь стили?

    Asked by digital_sword,

    0 votes
    9 answers

  4. 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-…

    Asked by damage220,

    0 votes
    1 answer

  5. CSS отдельно для каждого браузера

    У меня проблема, мож кто разбирается,заранее спасибо) У меня ест два файла со стилямя(один для оперы IE , а другой для MazillaFirefox) как мне сделать так чтоб браузер автоматический выбирал предназначенный для него файл со стилями?

    Asked by Noks,

    0 votes
    6 answers

  6. CSS отказывается работать/отображаться.

    Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae

    Asked by Zloi_Pain,

    0 votes
    2 answers

  7. css отображение, reset.css

    есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.

    Asked by radarium,

    0 votes
    11 answers

  8. 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…

    Asked by uncle BOO,

    0 votes
    4 answers

  9. Css пара вопросов

    Подскажите пожалуйста, начал изучать html и css, иногда смотрю через хром как сделаны некоторые элементы, и вот есть пара вопросов: Это дебагер хрома (или как он называется) так вот, 2 вопроса 1) почему некоторые строки справа в разделе css зачеркнуты? 2) название: .progress .bar что это значит? всмысле почему после первого названия .progress идет еше второе .bar?

    Asked by cruel09,

    0 votes
    4 answers

  10. CSS по правилам Академии HTML и прочих гуру-верстальщиков

    Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…

    Asked by LUC,

    1 vote
    5 answers

  11. CSS под разные разрешения

    Сделал CSS под разные разрешения, подгружаются скриптом. А если у когото будет JavaScript отключен, как сделать чтоб грузился стандартный CSS, а то без файла стилей вообще ничего не будет видно, а есть всё же люди без JavaScript

    Asked by SoFuWa,

    0 votes
    10 answers

  12. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19,

    0 votes
    8 answers

  13. 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 заменить его спасибо всем

    Asked by bgraf,

    0 votes
    2 answers

  14. CSS проблема при блоковой вёрстке в строке

    Нужно помощь. Есть полоса из множества блоков. Полоса может состоять из нескольких строк. Блоки имеют название. При наведении- ширина изменяется(на auto). Проблема- при наведении блок двигает другие блоки- но это не важно. Основное- в конце строки блоки начинают "прыгать" во 2 строку и обратно(ведь я выбираю в 1 строке ,а в 2 строке нет наведения). Кто сможет подсказать как сделать блоки либо поверх при наведении. Насчёт движков- это хром. Ну и для Firefox если есть какие- либо идеи тоже. Выдержка стилей блоков(изменение ширины идёт через js): display: inline-block !important; border: 0px !important; padding: 0px !important; overflow: hidden !important; top…

    Asked by Someone free,

    0 votes
    3 answers

  15. Css проблема при выравнивании box-sizing:border-box

    Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.

    Asked by Igorewa,

    0 votes
    2 answers

  16. CSS проблемы мобильной вёрстки (Google Mobile Friendly)

    Есть сайт на Drupal 7, установлена адаптивная тема. При проверке сайта на предмет совместимости с мобильными устройствами сервисом Гугл Mobile Friendly, на заглавной и на всех прочих страницах, кроме тех, что с картинками, сервис пишет: Отлично! Страница оптимизирована для мобильных устройств. А вот на страницах, где есть картинки, сервис Google Mobile Friendly выдаёт сообщение - Не оптимизировано для мобильных устройств (контент шире экрана). При всём при этом при тестировании этих страниц с картинками и всего сайта в целом на эмуляторах мобильных устройств, картинки масштабируются, полностью вписываясь в экран, как надо. Для тега img задано max-width: 100%; height: aut…

    Asked by 4_G,

    0 votes
    1 answer

  17. css размер бордера

    может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт

    Asked by imfate,

    0 votes
    6 answers

  18. Css разметка

    Здравствуйте, хочу сделать одну вещь, но не получается, вот в чем суть: Это общая разметка сайта. Какие требования - див center основное пространство сайта, он имеет фиксированную ширину и выравнивание по центру через margin:0 auto; это все работает, а теперь мне нада что бы див Left заполнял пространство с лева, а див right - пространство справа. Далее в див left вставляется бекграунд который должен прилипать к крайнему правому углу(на рисунке элемент 1), а в диве right зеркальный бекграунд приливать к левому краю(на рисунке элемент 2), бекграунды я нарисую в фш, с этим проблем нет. Часто встречаю подобные штуки в дизайне сайтов, вот щас решил сам сделать нечто подобное…

    Asked by Dolce,

    0 votes
    2 answers

  19. 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. Вот вобщем всё. Как реализовать

    Asked by Zzz_,

    0 votes
    3 answers

  20. css резиновый div

    Вот, есть 2 div'a (float:left) у одного ширина 500px, как сделать что бы другой занял все оставшееся место на странице(min-width: 500px;max-width: 720px) и растягивался с ней, а первый оставался неподвижным?

    Asked by Zzz_,

    0 votes
    7 answers

  21. css рефакторинг

    Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …

    Asked by z-index,

    0 votes
    0 answers

  22. css рецепты программирования кристофер шмитт

    Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??

    Asked by DivMan,

    0 votes
    8 answers

  23. CSS с условием

    Привет всем! Мой первый пост. Решил я все картинки-миниатюры, уровнять по ширине: .attach { width: 720px; height: auto; } Большие картинки сжало красиво, а маленькие - нет. Задача: Как в css выполнить, что если ширина больше 720 px, то ровняло к 720, а если меньше, то оставляло как есть.

    Asked by vox,

    0 votes
    3 answers

  24. 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 } Второй вариант не работает, поскольку идет указание сразу на четыре стороны блока?

    Asked by Lionel,

    0 votes
    1 answer

  25. 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/ Так будет правильно?

    Asked by Ser8191,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept