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

    Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS

    Asked by rus,

    0 votes
    2 answers

  2. Растояние между таблицами

    http://budnirussia.ru 1) Как можно убрать расстояние между таблицами, особенно в блоке новостей и установить разделительную серую линию блоков? 2) А так же вопрос относящийся к таблице: каким образом лучше втавить разделительную картинку, как это показано здесь: 3) В IE 7 сдвигается, возможно это проявляется и в других версиях IE, как можно сделать что бы меню сдвигалось только при растягивании (как в опере или мозилле).

    Asked by ainur11,

    0 votes
    1 answer

  3. почему в опере не открывается картинка

    Подскажите, пожалуйста, почему в Explorer картинка видна, а в опере нет, тег следующий: <img src="имя файла.gif" width=260 height=116 border=0 alt="">

    Asked by katy,

    0 votes
    22 answers

  4. Закругление углов посредством CSS + hover: как?

    Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…

    Asked by Captain Fizz,

    0 votes
    5 answers

  5. Padding/Margin в процентах

    возможно задать значение Padding/Margin в процентах? никак не получается... спасибо

    Asked by termoplus,

    0 votes
    9 answers

  6. png vs IE6

    посогите решить проблему, перепробовал все способы описаные на форуме не получается правильно подключить скрипты вот код частично: html ?> <!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container"> <table border="0" width="1004" cellsp…

    Asked by sc@r@bey,

    0 votes
    3 answers

  7. Масштабирование изображения

    Можно ли бесскриптовым методом сжать изображение ровно в два раза? То есть имеем изображение m х n пикселей (m и n неизвестны) и надо вывести изображение, чтобы оно было m/2 х n/2 пикселей. Это реально?

    Asked by Veseloff,

    0 votes
    14 answers

  8. как подключить IE PNG Alpha Fix

    отсюда http://vengard/iepngfix/iepngfix.html

    Asked by sc@r@bey,

    0 votes
    6 answers

  9. Подскажите, как правильно сделать.

    Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …

    Asked by slo_nik,

    0 votes
    7 answers

  10. Вопрос на засыпку!

    ВОт сайт http://tour-ticket.ru/ При загрузке страницы, справа сверху телефон некорректно загружается - поначалу его видно, а потом он пропадает . Это только в фф так. В чём может быть причина, ведь в режиме оффлайн (тоесть до заливания на фтп) он работает нормально. Заливаю на фтп 1 в 1. Что не пробовал - всё время текст уезжает Убираю спаны - исчезает просто кусок строки, убираю первую строку - исчезает кусок 2й строка <div id="uptel"> м.Таганская: Тел./факс: <span> 8(495) 679-85-81</span> м.Проспект Вернадского: Тел./факс: <span>8(495) 935-01-38</span> </div> вот цсс uptel { background:url("img/uptel.jpg") no-repeat…

    Asked by cardsmoney,

    0 votes
    15 answers

  11. Неправильное поведение выпадающего меню в ie7-8

    Проблема следующая: сверстал выпадающее меню только при помощи css, но в ie8 вылезли проблемы как в режиме стандартов, так и в режиме совместимости. Общая проблема для обоих режимов в том, что hover срабатывает необычным образом - при наведении на пункт меню, из которого должны выпадать подпункты, подменю появляется, но при этом при уводе мыши с сылки на этот пункт меню, для него событие hover отключается. Подменю при этом видно, но при возврате выши и наведении на пункт, подменю исчезает. Вторая проблема заключается в том, что ни в одном из режимов эксплорер не хочет делать ширину пунктов подменю одинаковой, как это происходит в других браузерах. Пробовал включать has…

    Asked by can3p,

    0 votes
    0 answers

  12. НЕ пойсу в чем дело

    При XHTML верстке DOCTYPE Strict у мееня возникла проблема, которая заключается в том что при придании тегу div рамки в стилях CSS у меня отображается все нормально в браузерах, но как только я снимаю рамку с помощью которой наблюдаю месторасположение моего блока div у меня сразу же все изображение начинает ехать особенно в некоторых браузерах. Подскажите пожалуйста в чем может быть причина. Заранее огромное спасибо

    Asked by Romario1985,

    0 votes
    2 answers

  13. Футер в каждой ячейке таблицы

    Добрый день. Есть большая проблема, которая застопорила весь процесс работы. Существует таблица в 2 колонки с border-spacing: 5px; (cellpadding="5") Каждой td задана граница 1px В итоге получается некое подобие сетки по 2 блока одинаковой высоты в каждой строке. Соответственно, блоки в одной строке тянутся по высоте блока, имеющего максимальную высоту. Ниже пример одной из строк Количество текста в каждом блоке - неизвестно, по высоте - резина. В каждой ячейке может присутствовать блок дополнительных ссылок. Важно: их может и не быть. Т.е. например, в левом блоке они есть, а в правом - нет. Проблема заключается в том, что очень нужно, чтобы эти блоки ссылок ВСЕГДА распо…

    Asked by zoibana,

    0 votes
    5 answers

  14. Неправильный перенос текста в IE

    Здравствуйте. У самого пока что не хватает подготовки, поэтому буду очень благодарен за подсказку... Картинки с описаниями должны по идее отображаться блоками так (скриншот ff - все выглядит как и должно): Однако, если смотреть ту же страницу через IE, часть описаний уйдет за границы блоков: Пробовал смотреть другими браузерами - Opera 10 показывает все правильно (как и FireFox). Google Chrome ломает верстку в точности как и IE. Исходная страничка: http://quantum-kazan.ru/notebook_acer.html В данный момент будет выглядеть "причесанной", но добиться этого удалось только искусственно - расстановкой дополнительных пробелов в описаниях. Если грамотное решение трудоемко - по…

    Asked by Smith72,

    0 votes
    8 answers

  15. привязать img к бэкграунд

    img являеться частью бэкграунда. Как сделать чтобы img не выделялся.

    Asked by Chebas,

    0 votes
    6 answers

  16. Присвоить height значение переменной из JS

    Помогите разобарться, пожалуйста. Нужно автоматизировать процесс создания стиля. Чтобы высота была равна разрешению экрана. .style { width:100%; height: <РАЗРЕШЕНИЕ ЭКРАНА>; } JS код для определения ширины и высоты экрана нашёл здесь: http://www.perkoka.ru/article/40/793.html <script type="text/javascript"> if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } if (width && height) var str = width + " x " + height; else var str = "неизвестно"; d…

    Asked by StasFetisov,

    0 votes
    2 answers

  17. 2 backgrounда

    Делаю меню для сайта, выглядит так: <ссылка1><ссылка2>, где "<" и ">" это изображения (menuL и menuR), подкладывающиеся под текст (background). Пишу: .menu a{ background:url(../img/menuL.png) left 2px no-repeat; background:url(../img/menuR.png) right 2px no-repeat; padding: 10px 15px 15px 15px; font:bold 20px/22px Arial, Helvetica, sans-serif; text-decoration:none } Второй бэкграунд заменяет собой первый и отображается лишь "menuR". (расстояние между ними большое и проблема не в "наложении") Как сделать 2 бэкграунд изображения в 1 css стиле? Заранее огромное спасибо!

    Asked by Dealer,

    0 votes
    4 answers

  18. Выравние разного текста по верху блока

    Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо

    Asked by okunev2,

    0 votes
    10 answers

  19. рамочка не выходит

    Не получается сделать рамку путем задания стиля border для дива в <div class="main1">. Оговорюсь еще что сайт планирует тянуться во вертикале растягиваться будут <div class="box1"> поэтому указать определенную высоту нельзя что делать? Вот пример http://stars124.narod.ru/test1/ синяя полоска с верху это какраз рамочка которая должна идти сверху (... <html> <head> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <div class="main1"> <div class="head1"> </div> <div class="box1"> <div class="left1"> <br> <br> <br> </div> <div class="cont1"> &lt…

    Asked by stars,

    0 votes
    3 answers

  20. Выпадающий список прикрутить скролл

    Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

    Asked by Feduch,

    0 votes
    6 answers

  21. Не изменяется высота родительского DIV-контейнера

    Всем привет! Столкнулся со следующей проблемой: -имеется родительский DIV контейнер middleMainBlock #middleMainBlock{ position:relative; border: 4px double black; margin: 0 auto; width:900px; background:#bffac1; top:-35px; } -имеются два DIV-ребенка этого контейнера lb и rb #lb{ float:left; width:513px; height:auto; background: #9dfaa1; } #rb{ float:right; width:367px; height:auto; background: #9dfaa1; } lb и rb расположены в горизонтальный ряд с помощью float'a. Загвоздка заключается в том, что высота родительского контейнера не изменяется в зависимости от высоты его содержимого, т.е. высоты rb и lb Кто подскажет в чем может быть дело?

    Asked by Ахиллес,

    0 votes
    3 answers

  22. Проблема с div

    Здравствуйте, сразу скажу, что я начинающий и толком ничего не умею. Вопрос такой. Имеется div с абсолютным позиционированием: .main { position:absolute; width:100%; right:300px; height:400px; background-color:#0000CC; } На практике из-за тега right он как бы смещается влево, при этом уезжая за край окна браузера на эти 300px. Каким образом можно этого "уезжания" избежать, оставив неизменным отступ справа? При этом сам див должен быть динамическим. Пробовал использовать одновременно right и left без указания длины в сто процентов, но ie это дело не поддерживает и формирует в отличие от оперы ширину дива по его содержимому. Могу ещё сказать, что в левой части находится к…

    Asked by Счастье Ммм,

    0 votes
    10 answers

  23. Вопросы по шаблону DataLife Engine

    Доброго времени суток! У меня к вам вопрос. В общем, установил я шаблон сайта BookArchive (http://www.bookarchive.ru/). Так вот в чём вопрос: при публикации новости у меня возник вопрос связанный с процессом отправления новости. Ссылка на оф.сайт, где я увидел впервые этот шаблон, но и потом, собственно скачал. У меня к вам такой вопрос. У меня на DataLife Engine при публикации новостей возникают 2 ошибки: - "Заголовок не может быть пустым" - "Необходимо заполнить поле с краткой новостью" Хотя выполняю при этом всё вышесказанное. Помогите пожалуйста разобраться. Используется шаблон этого сайта - www.bookarchive.ru Ссылка на скачивание данного шаблона - http://webgraf.ru/…

    Asked by F_U_C_K,

    0 votes
    1 answer

  24. Что бы ссылка в html вставляла вместо картинки текст ?

    Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…

    Asked by ammiid99,

    0 votes
    3 answers

  25. Ошибка в гостевой книге

    Я хотел поставить себе форму для отзывов, скачал готовую гостевую книгу, а она просто не запускается, я ещё даже не трогал ещё ошибка "Warning: dir(records) [function.dir]: failed to open dir: No such file or directory ......." $d = dir("records"); а дериктория такая есть

    Asked by SoFuWa,

    0 votes
    8 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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