HTML Coding

29542 questions in this forum

1. Много пустоты внизу страницы

   Приветствую всех! Такая проблема верстаю страничку слоями и внизу под подвалом образовалась пустоты. Я понимаю что это все из-за position: relative; . В таких случаях рекомендуют применять position: absolute; Но мне такое правило не годится так как текст/контент может быть произвольным и соответственно весь низ должен строиться относительно своего расположения, а не абсолютно. И так какие есть советы рекомендации. Страничка с проблемой http://laestrella.ru/ Желательно чтоб предложенные варианты работали в IE.

   Asked by flyagin, April 27, 2009

   0 votes
   5 answers
2. Тянущийся фон

   Собственно вопрос. При разрешении монитора 1024*768 пользователь должен видеть только картинку center. Пользователь с разрешением выше, чем 1024*768 должен видеть уже картинки left_1, center, right_1. Пользователь, у которого разрешение ещё больше, видит left_2, left_1, center, right_1, right_2. Если у пользователя разрешение ещё больше, то он видит все картинки, а картинка left_3 и right_3 должны полностью замощать оставшееся пространство Кода не требую. Просто хочу понять, как это можно сделать Спасибо

   Asked by Boris.d, June 8, 2009

   0 votes
   14 answers
3. При пробеле слетает слово

   В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

   Asked by Gintos, April 24, 2010

   0 votes
   32 answers
4. Картинка при наведении курсора на текст

   Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

   Asked by bios, April 6, 2012

   0 votes
   18 answers
5. автоматическая ширина

   Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100…

   Asked by ShumNo, September 18, 2010

   0 votes
   15 answers
6. валидация CSS3

   Пытаюсь отвалидить стили по css3. Со всем справился, осталось две загадки: и соответственно проблемные строчки: 18 .pre-line {white-space: pre-line;} <style type="text/css"> 11 h1 {border-radius: 0px 20px 0px 0px;} 12 h2 {border-radius: 0px 0px 20px;} </style> в чём проблема, господа? вроде по мануалам всё правильно написано.

   Asked by Быколай, March 20, 2011

   0 votes
   10 answers
7. overflow: hidden, проблема в IE6

   Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }

   Asked by woofs, February 7, 2009

   0 votes
   4 answers
8. О, Якоря!

   Если на странице есть якорь со свойством display:none и видимый Как на этой же странице огранизовать ссылку, чтобы переводила на этот Якорь и делала его видимым? А еще тому, который видно - дисплей:ноне

   Asked by chest, February 25, 2011

   0 votes
   28 answers
9. распределение дивов

   Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}

   Asked by AtskiySOTONA, July 2, 2007

   0 votes
   14 answers
10. hr и css

    xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.

    Asked by MehOlOLBuC, March 5, 2011

    0 votes
    10 answers
11. Х с планкой сверху

    Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?

    Asked by LuxCore, September 14, 2011

    0 votes
    5 answers
12. Как заменить в коде устаревший тег center

    Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.

    Asked by RobertKucher, March 22, 2016

    0 votes
    6 answers
13. Блок со скошенными краями

    Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

    Asked by Alex Def, June 25, 2018

    • css
    • clip-path
    1 vote
    12 answers
14. Кнопка Сделать Стартовой

    Подскажите пожалуйста какой адрес надо написать для кнопки чтоб при нажатии на нее моя страница делалась стартовой.

    Asked by Victor Ananiev, July 15, 2007

    0 votes
    9 answers
15. Создание геометрических фигур в html

    Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо

    Asked by YaFakir, May 8, 2009

    0 votes
    8 answers
16. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc, June 5, 2012

    0 votes
    13 answers
17. Подскажите, как изменить размер элемента "radiobutton" в стилях?

    Когда меняю размер следующим образом, то все работает <input type="radio" class="radioBtn" style="width:250px; height:250px;"name="sel" id="sel_adr">Но когда так же делаю через стиль, то почему-то не работает. В чем может быть причина? .radioBtn { width: 250px; height: 250px;}<input type="radio" class="radioBtn" name="sel" id="sel_adr">

    Asked by osetr, November 13, 2014

    0 votes
    6 answers
18. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster, August 8, 2015

    • html
    • css
    0 votes
    0 answers
19. Помогите вырезать значок из макета

    Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

    Asked by aaron, March 18, 2013

    • psd
    • верстка
    0 votes
    30 answers
20. Как сделать резиновое вертикальное меню

    Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg

    Asked by BRK, May 21, 2008

    0 votes
    6 answers
21. input type="file"

    Форма выбора (ну и последующая загрузка) файла имеет кнопку "выбор..." или "обзор..." Подскажите как изменить стиль этой кнопки? Само поле input нормально меняется, а как изменить саму кнопку?

    Asked by vak, December 16, 2008

    0 votes
    11 answers
22. Как совместить в одной ссылке несколько атрибутов rel?

    Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?

    Asked by weffer, October 5, 2012

    0 votes
    9 answers
23. Как выровнять div по правому краю без float!

    Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

    Asked by Antoshka007, February 9, 2015

    • float
    • div
    • right
    0 votes
    13 answers
24. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan, February 19, 2014

    • Bootstrap
    • бутстрап
    • форма контактов
    0 votes
    5 answers
25. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea, May 5, 2011

    0 votes
    6 answers