HTML Coding

29542 questions in this forum

1. line-height в inline и inline-block

   Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

   Asked by SnowSilver, June 11, 2018

   • line-height
   • inline-block
   • inline
   0 votes
   2 answers
2. текст и картинка

   имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

   Asked by Iton, August 2, 2007

   0 votes
   11 answers
3. Что Куда и КАК ?

   Добрый вечер. Я только начал изучать язык PHP (не по доброй воле, а ради экономии ), до этого работал только на 1С. Мой сайт был написан компанией CIM. Там есть своя админ часть, и можно сомому делать изменения в коде. Часть скриптов конечно скрыта, но общий вид можно менять по своему усмотрению как угодно. Теперь сам вопрос: Есть к примеру ссылка http://b_XXXXXXXXh_._c_o_m_._u_a_/32?pid=16582 (это один из моих товаров) При нажатии на эту ссылку идет вывод странички page1, в ней есть свой код. Подскажите пожалуйста как в этом коде можно обратиться к значению 16582? То что там это зачение есть - это точно так как в коде присутствует вызов скриптов (которые мне не доступны)…

   Asked by Drongo, May 26, 2010

   0 votes
   31 answers
4. fancybox сдвигает контент

   Здравствуйте, подлючил fancybox, основной контент у меня в контейнере: <div style="width:1000px;margin: 0 auto;"></div> При вызове окна, весь контент немного сдвигаеться вправо, почему? (думаю что ajax при создании окна добавляет div на страницу....который мне все сдвигает!) Если убрать авто то все ок!

   Asked by baryshkov, November 22, 2012

   0 votes
   5 answers
5. Изогнутые блоки

   Как сделать такие изогнутые блоки на CSS?

   Asked by Drix87, August 6, 2014

   0 votes
   6 answers
6. Создать доска объявления

   Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

   Asked by bumerkz, September 28, 2015

   • доска объявлений
   • объявления
   • cms
   • движок
   • начинающему
   0 votes
   3 answers
7. Разорвать бордер...

   Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?

   Asked by Nanto, November 9, 2011

   0 votes
   11 answers
8. Фиксированный-резиновый DIV

   Здравствуйте Уважаемые !!! Пытаюсь перейти на DIV верстку, но все никак врубиться в нее не могу. После таблиц никак не получается. Уже пытаюсь по рекомендациям с сайта, все выкинуть из головы про таблицы и на пустую голову все сделать. Вроде помаленьку начинаю понимать, но код далек от совершенства. Много вложений получается и т.д. Вот пробую с фиксированным расположением сделать, не получается footer вниз опустить, А как сделать, никак не могу понять. Смотрел много работ и примеров по "резиновой" верстке, все на float. Хочу без float обойтись. Если привязываю footer к "content", то он опускается, но при наполнении "right" остается на месте перекрывая данные в правом поле…

   Asked by Antonov124, December 25, 2009

   0 votes
   22 answers
9. Кто-нибудь знает как побороть svg?

   Сложность в том, что имеется svg объект, убрала из его кода ширину и высоту, теперь нужно расчитать правильно высоту и ширину в em-ах, дабы все это выглядело красиво. В css описываю параметры соответствующие, но выходит, что с некоторых сторон появляется рамка. Кто-нибудь может мне сказать как пиксели перевести в em???? (или это вообще фигня какая-то...В общем помогите, как быть не знаю!)

   Asked by Nomo, July 5, 2007

   0 votes
   9 answers
10. Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);

    Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....

    Asked by vovchikku, February 27, 2010

    0 votes
    8 answers
11. Таблица прогноза погоды

    Люди, помогите кто знает. Не знаю в какую тему это писать, решил написать сюда. Вот есть сайт www.floppysystems.kz - на этом сайте справа есть таблица прогноза погоды. Эта таблица обновляется с сайта gizmeteo.ru Прич?м эта таблица - отдельный HTML файл вставленный в каждую страницу сайта. Вопрос - какими средсвами можно сделать такую таблицу, и как она вставлена в сраницы сайта???

    Asked by dennrum, March 4, 2008

    0 votes
    5 answers
12. Проблема с отображением background'а при масштабировании

    Здравствуйте! Проблема такая. Делаю background в блоках DIV, в бекграунде сразу три изображения по спецификации css3, всё нормально отображается и работает, но только тогда, когда масштаб стандартный, т.е. 100%. Когда в браузере уменьшаю масштаб, то тех бекграундовых изображений, у которых ширина 1px становится не видно. Так и должно быть или от этого как-то можно избавиться, чтобы всё отображалось даже при уменьшении масштаба? Не знаю, что сюда привести... ну, вот css код того блока, в котором исчезает: .cont_verh_svitok_part2_center_fon { display:inline-block; padding:0; margin:0; border:0; outline:none; overflow:hidden; width:189px; font:12pt Palatino Linotype,verdana…

    Asked by Tok13, January 26, 2013

    • background
    • масштаб
    0 votes
    5 answers
13. подскажите как сверстать

    Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

    Asked by _axl, October 18, 2008

    0 votes
    16 answers
14. border groove и border ridge в IE

    Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.

    Asked by ruff20, October 20, 2009

    0 votes
    21 answers
15. Проблема с отступами внутри блока

    Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…

    Asked by Freeman Liberty, January 8, 2010

    0 votes
    24 answers
16. rowspan отменяет высоту ячеек в ie. можно это обойти?

    Вот картинка с отображением моей таблице в фф и ие соответственно: вот мой код <table border="1" height="200"> <tr> <td height="5" style="padding: 3px;">Название</td> <td style="padding: 3px;">Карточка записи</td> <td style="padding: 3px;">Название</td> </tr> <tr> <td height="10"></td> <td height="10" rowspan="999" style="background-color: #fff; padding: 10px 30px;"> <div style="border: dashed 2px gray; width: 600px; height: 600px;"></div> </td> <td height="10"></td> </tr> <tr> <td height="10" style="padding: 3px;">1…

    Asked by Xoce, March 11, 2010

    0 votes
    14 answers
17. дивный макет ( помогите)

    Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…

    Asked by seregascs, May 12, 2011

    0 votes
    35 answers
18. overflow:hidden

    Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…

    Asked by kvant, March 16, 2011

    0 votes
    51 answers
19. Почему не поднимается тиц у сайта?

    У меня есть качественный сайт с уникальными текстами, который размещен на яндекс народе. Вот уже полгода, как я пытаюсь поднять у своего сайта тИЦ. Я размещала ссылку на свой сайт в многих каталогах, обменивалась ссылками с сайтами с высокими тиц, размещала платно статьи и ссылки на сайтах схожих тематик, но всё без толку, тиц у моего сайта нулевой. Яндекс сайт не забанил, всё в порядке. Подскажите, пожалуйста, почему я не могу поднять тиц сайта?

    Asked by anna-2010, July 19, 2010

    0 votes
    27 answers
20. Разместить 2 <div> фиксированой ширины по центру

    В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @…

    Asked by volkoff, September 22, 2010

    0 votes
    13 answers
21. Настройка Less

    Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.

    Asked by Spllit, December 9, 2019

    • less
    • vscode
    • настройка
    • плагин
    0 votes
    0 answers
22. Изменение style.background

    Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…

    Asked by votan, September 30, 2008

    0 votes
    2 answers
23. Сползает в IE 6..

    Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..

    Asked by SANNY_95, July 25, 2010

    0 votes
    20 answers
24. как создать такие же кнопки

    как создать такие же кнопки как на этом сайте http://www.break-down.ru/

    Asked by neeed, August 8, 2010

    0 votes
    38 answers
25. Таблицы и слои. Как прикрепить две картинки?

    Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…

    Asked by Defenderyk, March 31, 2009

    0 votes
    8 answers