HTML Coding

29,542 questions in this forum

1. Как выравнять расстояние между описаниями программ?

   Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?

   Asked by borus, December 20, 2012

   0 votes
   5 answers
2. Как сделать выравнивая блоков на сайте

   Поиск что то не работает. Собственно вот так, как на картинке: Не обязательно, чтобы были три колонки, это я так для примера

   Asked by satantx, December 23, 2012

   0 votes
   5 answers
3. Текст не зачеркивается в Opera (text-decoration: line-through)

   Проблема такая: Красная цена должна быть зачеркнута, но в опере она почему то не зачеркнута, Код такой: text-decoration: line-through!important; Вот адрес на страничку Сайт

   Asked by vova1212, December 25, 2012

   0 votes
   5 answers
4. картинки закрывают внешнюю рамочку

   Нужно создать блок с бардюром а внутрь него добавлять картинки то же с бардюром(список фотосетов). http://jsfiddle.net/n7CPB/ Сие отображается как надо но без внешней рамочки(по 3 в ряд). Как только убираю float:left; из .block4 внешний бордюр возвращается но картинки соответственно расположены вертикально. Подскажите где беда. P.S. Если вопрос идиотский прошу понять и простить ибо проба пера.

   Asked by CyberKatana, December 25, 2012

   0 votes
   5 answers
5. Странное поведение тега P

   Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?

   Asked by Evkaky, December 31, 2012

   0 votes
   5 answers
6. z-index

   Не работает Z-index В ие отказывается работать z-index,везде всё нормально http://clip2net.unet.by/page/m0/99482 ,а в ИЕ вот так http://clip2net.unet.by/page/m0/99483. css *{ margin:0; padding:0; } .top,.bottom{ width:162px; height:8px; background:#ebe9e4; float:left; margin:0 25px 40px; } #news{ clear:both; margin:0 0 15px 30px; font:0.8em calibri; } #news span{ font:bold 1.2em calibri; color:#353434; } #pict1{ width:578px; height:204px; } #main{ position:relative; height:315px; } #eat{ position:absolute; top:-5px; left:24px; } …

   Asked by Dimanchik87, January 2, 2013

   0 votes
   5 answers
7. list-style не наследуется

   А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

   Asked by Evkaky, January 2, 2013

   0 votes
   5 answers
8. html картинка кодом

   Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....

   Asked by Aerrt85, January 9, 2013

   0 votes
   5 answers
9. Как сделать обтекание картинки текстом и победить перенос строки вниз?

   Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

   Asked by TrogWar, January 5, 2013

   • css
   • img
   • word-wrap
   • обтекание
   0 votes
   5 answers
10. Как заменить фрагмент html кода (ссылку на стиль плейера) в зависимости от разрешения эрана

    Как заменить фрагмент html кода (ссылку на стиль плейера) в зависимости от разрешения эрана? <div class="block2"> <object width="100%" object height="100%" align="top" id="videoplayer162"> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="movie" value="http://nikapress.myds.me/structure/uppod.swf" /> <param name="flashvars" value="st=http://nikapress.myds.me/structure/style/2560_player.txt&pl=http://nikapress.myds.me/playlist.txt" /> <embed src="http://nikapress.myds.me/structure/uppod.swf" width="100%" type="applicat…

    Asked by deFISH, January 10, 2013

    0 votes
    5 answers
11. Блок не хочет обтекать

    Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?

    Asked by ВикторТрошка, January 25, 2013

    0 votes
    5 answers
12. Картинка внутри div

    Помогите пожалуйста, не могу сообразить. Хочу чтоб картинка помещалась внутри div и чтоб эта картинка была больше этого diva и отцентрирована по центру, а часть картинки которая выходит за пределы div не было видно. Как в контакте, в юзерпике отображается только часть фото. .div{ width: 166px; height: 166px; overflow:hidden; } .img{ width: 100%; } С помощью этого я обрезал картинку по диву, но как ее сдвинуть чтоб центр этой картинки был внутри div

    Asked by darlov, January 13, 2013

    0 votes
    5 answers
13. Организация навигации по сайту

    Добрый день! Просьба помочь и подсказать новичку следующее. Допустим есть сайт, который состоит из панели с навигацией (ссылки на разные страницы сайта) и областью для просомтра соответствующей страницы. Как коректно организовать загрузку требуемого контента после нажатия на ссылку (естественно без использования фреймов). Насколько я понимаю после нажатия на ссылку должна генерироваться новая страница, которая содержит: 1. панель навигации (которая загружается постоянно из одного и того же файла); 2. страницу с контентом. Это можно реализовать 2-мя способами (или больше, но я их не знаю :-)): 1. Каждая страница с контентом (php) содержит в себе функцию, котора загружает п…

    Asked by Ridge, January 7, 2013

    0 votes
    5 answers
14. Элемент для анонса статей

    Добрый день. Меня мучит такой вопрос: есть ли подходящий семантический элемент для анонса статей? <article>, как мне кажется, сюда не подходит.

    Asked by Vin, January 7, 2013

    • семантика HTML5
    0 votes
    5 answers
15. title на двух языках

    Как быть, если желательно в <title> использовать два языка?

    Asked by skvor, January 7, 2013

    0 votes
    5 answers
16. Как сделать border-spacing между ячейками 20px, а вокруг 10px;

    Нужно сделать расстояние между ячейками 20px, а вокруг - 10px. Подскажите, пожалуйста, как это сделать.

    Asked by 6hall, January 8, 2013

    • border-spacing
    • td
    0 votes
    5 answers
17. Не выходит подключить скрипт jQuery Scroll To

    Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…

    Asked by eek, January 8, 2013

    0 votes
    5 answers
18. Испольщование тега fieldset

    Насколько корректно использовать тег fieldset чисто в декоративных целях, как уже стилизованную рамку? Как например это реализовано на скриншоте

    Asked by Ge1i0N, January 8, 2013

    0 votes
    5 answers
19. Украли 1% )

    Сделал небольшой HTML макет и табличку стилей http://jsfiddle.net/4BaAQ/ Не понятны 2 момента: 1) Почему при width: 60% у #center блок Right улетает на вторую строку. 2) (следует из первого) Как убрать эти красные дырки?

    Asked by HTMLJunior, January 15, 2013

    0 votes
    5 answers
20. Как сделать такое меню

    http://s019.radikal....da1a56a583b.jpg Как сделать такое меню? Сложность моя заключается в том, что при добавлении нового пункта меню, или наоборот удаления - те полоски, что по бокам должны все время быть рядом с меню так же как и на фото. То есть они должны быть как-бы приклеены к меню. Вот адрес: http://www.zhitlegko.myjino.ru/ (кстати почему там не действует border:collapse?) Или так: http://jsfiddle.net/QdkSU/

    Asked by Imperil, January 23, 2013

    • верска меню
    0 votes
    5 answers
21. div пристыкованный к низу родительского div'a

    Мне нужно, что бы div всегда был прижат к ниху родителя. Погуглил - пишут, что надо родителю дать position: relaive; а вложенному - position: absolute; Но, я так понимаю, что это сработает, только если у родителя явно через css задана высота.. В моем же случае высота явно не задается.

    Asked by Ichigeki, January 24, 2013

    0 votes
    5 answers
22. Увеличение картинки при наводе

    Здравствуйте. Нужно сделать, чтобы при наводе на изображение, оно увеличивалось, при том не дввигая остальной контент, а становясь поверх него. Возможно ли это только средствами CSS?

    Asked by iKNG, January 24, 2013

    0 votes
    5 answers
23. Проблема с отображением 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
24. Разное отображение блоков с одинаковыми размерами в браузерах.

    Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…

    Asked by rikitiki, February 6, 2013

    • вёрстка сss
    0 votes
    5 answers
25. Пример трех колоночной замещающей верстки

    Всем привет. Прошу для тех, кому не трудно написать простой и правильный пример того, как сделать допусти три div колонки, в сумме все три должны быть 100%. И допустим, если убрать одну, то останутся две и автоматом все будет замещаться на 100%, но уже с двумя колонками, как делают шаблоны для CMS. Думаю свою мысль понятно получилось объяснить.

    Asked by aquapasha, February 1, 2013

    0 votes
    5 answers