HTML Coding

29,542 questions in this forum

1. Блочная верстка в 3 колонки с опциями.

   Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсо…

   Asked by my-name-is-Max, April 29, 2008

   0 votes
   10 answers
2. Помогите задать цвет текста

   В общем,есть кус от кода Ему надо задать белый FFFFFF цвет . Вопрос как? Пробовал Не помогло.Подскажите ,плз!

   Asked by FASTDEATH, July 15, 2009

   0 votes
   23 answers
3. vertical-align: baseline

   vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

   Asked by allmoney.ws, September 28, 2007

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

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

   Asked by Captain Fizz, February 24, 2010

   0 votes
   5 answers
5. не работает margin:0 auto;

   Доброго времени суток, столкнулся с такой проблемой, искал решение, нашел на вашем форуме похожую тему но рекомендации оттуда мне не помогли, проблема в том что я не могу отцентрировать блок div .mobnamaz{ padding:31px 3px 3px 90px; width:100%; } @media only screen and (max-width : 767px) { .mobnamaz { position: relative; width:100%; padding:0; margin:0 auto !important; } } собственно блок должен центрироваться только на мобильных устройствах, на данный момент в результате экспериментов у меня получился вот такой код, но это не работает. Вот собственно и сам div <div class="mobnamaz"> <iframe></iframe> </div> если…

   Asked by itook.ru, May 7, 2016

   • margin
   0 votes
   2 answers
6. HTML5 - валидное отключение кэширования html-страницы..

   сабж такой.. в head'е старницы выставляю согласно вот этому <meta http-equiv="Cache-Control" content="no-cache"/> данный валидатор ругается.. кстати, пендосы тоже по этому поводу плачут)) - в самом низу пост от некоего "Raanan Avido".. вобщем, ничего из кода ниже не подходит.. <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> да и не сможет подойти, потому как в HTML5 согласно этому материалу у http-equiv есть следующие значения - "content-language, content-type, default-style,…

   Asked by summer_rain, April 11, 2011

   0 votes
   2 answers
7. Установка фона для меню в трёхколоночной вёрстке

   В связи с переводом сайта с табличной на дивную вёрстку возник вопрос: как можно задать фон для боковых колонок меню в трёхколоночной вёрстке так, чтобы при увеличении контента страницы и растягивании её по высоте фон также растягивался. Сейчас он заканчивается там, где идёт последний пункт меню, и дальше - ни в какую Помогите кто советом, что делать... Исходник в табличной вёрстке: http://www.ecoby.info/ Страничка в дивной вёрстке (та, которую нужно доработать): http://www.ecoby.info/main.html P.S. Ещё один вопросик мелкий - не могу почему-то перенести слой с заголовком сайта вниз (чтобы грузился последним), сбивается вся вёрстка, что это может быть?

   Asked by Ратмир, October 28, 2008

   0 votes
   11 answers
8. Наложени при position: absolute

   Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

   Asked by jdk, December 1, 2014

   • css
   0 votes
   8 answers
9. text-decoration:none

   Здравствуйте, такая вот проблема: есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной. есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв, то абв все равно остается подчеркнутым. Вот сосбно вся проблема.

   Asked by FtD, May 6, 2008

   0 votes
   31 answers
10. Один клик два действия!

    На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

    Asked by Denisich84, May 10, 2009

    0 votes
    22 answers
11. Перенос на новую строку после ссылки!

    Привет, всем! тут такая проблема - есть список, в нем в каждом пункте текст, в тексте ссылки... почему после ссылки текст переносится на другую строку?? http://kanskbank.topfire.ru/1200/1208/1252# тут проблема во всей красе ) "Сеть офисов банка позволяет банку всегда быть территориально рядом с клиентом и оказывать услуги во всех городах Сибири ..."

    Asked by Lisss, March 30, 2009

    0 votes
    2 answers
12. вложенные списки , изменение отступа дочернего списка

    привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

    Asked by SergeyZelensky, March 20, 2013

    • css
    • html
    0 votes
    9 answers
13. Вертикальное выравнивание

    Никак не могу выровнять текст по вертикале. .menu { width: 100px; height: 24px; background-image: url(images/menu.jpg); float: left; color: #ffffff; text-align: center; font-weight: bolder; } vertical-align не работает

    Asked by klik2, July 25, 2008

    0 votes
    7 answers
14. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010, April 7, 2010

    0 votes
    12 answers
15. Определить дату последнего изменения файла

    подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.

    Asked by Stamper, October 29, 2010

    0 votes
    13 answers
16. Смещение блоков при увеличении / уменьшении масштаба

    Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.

    Asked by Evans, August 24, 2012

    0 votes
    11 answers
17. Резиновый макет 3 колонки: проблема в IE и Opera

    Народ подскажите что делать, есть макет в 3 колонки: Так вот какая проблема, в осле и опере если ширина контента недостаточна, то левая и правая ячейки выползают и становятся шире своих заданных размеров, а дизайн никак не предполагает изменения размеров этих ячеек, как это можно исправить?

    Asked by Shar, September 6, 2007

    0 votes
    6 answers
18. Изменение 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
19. Видео с Youtube на сайт

    При переносе сайта на другой Hosting потерял скрипт вывода видео с Youtube через fancybox...Скрипт берёт из текстового файла адрес и в случайном порядке выводит видео в блок или на страницу... Сам текстовый файл такого вида- PHP/HTMLВыделить код 1 2 <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/1QRV4m1dabg">Video #8 <iframe width="100%" src="//www.youtube.com/embed/1QRV4m1dabg" frameborder="0" allowfullscreen></iframe></a> <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/mKGDphbiwl4">Video #1 <iframe width="100%" src="//ww…

    Asked by Mikhey, May 7, 2023

    0 votes
    0 answers
20. z-index и select

    Всем привет! Помогите селект за дивку спрятять!!!!! Вот код: <div style="position:absolute; left:43px; top:4px; z-index:10; background:#CCC; height:200px; width:200px;"></div> <select> <option>111111111</option> <option>2222222222</option> <option>3333333333333</option> <option>4444444444444444</option> </select>

    Asked by romlex, April 28, 2008

    0 votes
    7 answers
21. Какой раскладкой в CSS Вы предпочитаете пользоваться?

    Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…

    Asked by TonKhaO, September 16, 2009

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

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

    Asked by baryshkov, November 22, 2012

    0 votes
    5 answers
23. При наведении на кнопку пропадает вторая картинка

    При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....

    Asked by marcool, October 13, 2009

    0 votes
    9 answers
24. Sublime text 3 problem with snippets

    Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?

    Asked by TrueMax, January 23, 2014

    0 votes
    9 answers
25. Валидация

    Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.

    Asked by people2010, September 7, 2010

    0 votes
    17 answers