HTML Coding

29542 questions in this forum

1. Помогите растянуть див

   Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?

   Asked by bayanruby2, November 6, 2011

   0 votes
   5 answers
2. Правка CSS выпадающего меню

   Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете") Код меню: /*Page menu*/ #foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} #menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} #menu ul {float: left;list-style: none;margin: 0;padding: 0;} #menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} #menu li a, #menu li a:link, #menu li …

   Asked by korsarfan, November 19, 2011

   0 votes
   8 answers
3. Список в несколько колонок

   Хочу сделать несколько блоков стоящих рядом, количество заранее не известно. Они должны быть отцентрованы. То есть то, что выделено зеленым, было одинаковой ширины: (линк по превью переводит просто на большое изображение, а не на радикал)) Если окно уменьшаем, то снова зеленое остается одинаковым, но не обязательно равным тому, что в предыдущей картинке. И не должно быть так, что если количество блоков не кратно числу, что влезает в строку, то в нижней строке все уползает по центру. а было бы вот так: У меня самой получился только не правильный вариант, что все становится по центру... Может кто-то сталкивался с подобным случаем? Заранее мерси)

   Asked by Nadyu, November 29, 2011

   0 votes
   6 answers
4. Помогите сделать ссылку в виде "стрелочки"

   Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

   Asked by bob_24, February 6, 2012

   0 votes
   10 answers
5. CSS меню ! ! !

   Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </n…

   Asked by morgusha, January 25, 2013

   0 votes
   2 answers
6. резиновая шапка

   здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? спасибо!

   Asked by devid89, January 24, 2014

   0 votes
   6 answers
7. overflow

   Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?

   Asked by html_do_man, January 27, 2014

   0 votes
   10 answers
8. Адаптивный слайдер

   Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru

   Asked by Omega24v, July 30, 2014

   • Слайдер
   • Адаптивность
   0 votes
   1 answer
9. URL с внутренних на главную

   Доброго времени суток. У меня сайт на html, все ссылки на главную идут вот так <a href="index.html">Главная</a>, на других сайтах встречаю в коде вот так <a href="/">Главная</a>, как правельно ?

   Asked by Aleksandr_I, August 13, 2014

   0 votes
   6 answers
10. Изображение в :hover

    Как позиционировать в :hover именно изображение? При наведении курсора чтобы стрелочка была. http://jsfiddle.net/qvhq45oa/1/

    Asked by NapNu, February 14, 2015

    • верстка
    • html
    • css
    0 votes
    1 answer
11. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler, December 8, 2015

    0 votes
    7 answers
12. <a> links doesn't work

    Помогите, пожалуйста, понять, почему не работает ссылка... Вкарячил куда только мог, все равно не кликабильно, как сделать кликабильной не сильно меняя всё остальное? https://codepen.io/Ruslan4ik1618/pen/jOOWyOr

    Asked by Ruslan_lk, October 12, 2019

    0 votes
    3 answers
13. Выпадающий список, текст справа и слева

    Привет! Подскажите пожалуйста, как сделать выпадающий список, в котором текст слева и справа строки находится Примерно вот так Товар 1 +300уе Товар 2 +500уе Товар 3 +600уе Заранее спасибо за ответы

    Asked by dework1, December 16, 2021

    0 votes
    0 answers
14. переносы строк

    какого.. Г текст вылазит за поля блока а не переносится, все границы указал.. UPD: блин сам прогнал... написал гигантское количество символов без пробелов... хотя и тоды по идее должно переносить... UPD: такое ощущение, что дивы вообще ширену игнорируют..

    Asked by Nekromancer, January 2, 2009

    0 votes
    2 answers
15. Img и IE

    Есть скрипт, который позволяет загружать картинки и вставлять их в сообщение. При выводе максимальная высота и ширина картинки ограничена: max-width: 600px; max-height: 600px. Все здорого, но в ИЕ как обычно возникает ужас Резать картинки на стороне сервера не вариант. Что можно сделать?

    Asked by bFree, April 10, 2009

    0 votes
    1 answer
16. Движок DLE

    Скачал движок DLE. Читаю инструкцию по установке. Поясните, что нужно сделать в пунктах:2,3,4,5, Что такое права для записи (CHMOD 777) Установка скрипта на сервер Установка скрипта на сервер проходит в автоматическом режиме и не должная вызывать особых проблем, но вам необходимо выполнить некоторые действия по настройке прав доступа на папки. 1. Для начала скопируйте все файлы из папки upload в данном архиве на ваш сервер. 2. Установите для папки templates и всем вложенным в нее папкам права на запись (CHMOD 777) 3. Установите для всех файлов в папке templates права на запись (CHMOD 666) 4. Установите права для записи (CHMOD 777) для папок backup, uploads, а также дл…

    Asked by Wolverine, November 15, 2009

    0 votes
    1 answer
17. height=auto

    Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

    Asked by user, October 18, 2010

    0 votes
    5 answers
18. не работает правило атрибута в ие+опера

    Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …

    Asked by xlife, May 11, 2011

    0 votes
    2 answers
19. Проблемы с opacity

    Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке. Пример кода: http://jsfiddle.net/3Uz3q/ Как побороть проблему? Спасибо!

    Asked by lost, March 23, 2012

    0 votes
    8 answers
20. Нужно сделать div'ами вот что...

    Собственно, начинаю понемногу переходить на div вёрстку. Но без вопросов учёбу сложно представить. Помогите сделать вот такое: Параметры укажите на свой вкус, дальше я уже сам модернизирую. Спасибо.

    Asked by Plany, June 17, 2012

    0 votes
    5 answers
21. Непонятный отступ у списка

    Создаю список тегом li но он нормально отображается только в Опере. Вот код: <li><a href="link">текст пункта</a></li> Вот ксс: li { margin:0; padding:0; } если сделать отступ через паддинг то в Мозилле и ИЕ отображается нормально а вот в Опере съезжает сильно вправо. Как можно сделать нормальное отображение списка во всех браузерах? Вот скрин:

    Asked by alleclf, June 26, 2012

    0 votes
    5 answers
22. Помогите адекватно сверстать

    Помогите адекватно сверстать, как на картинке. https://docs.google.com/file/d/0B0FrmfubxCOdZno4Y1hjbkFvUE0/edit Я сделал это как-то по колхозному, мне очень не нравиться. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello User!</title> <!-- Place cursor after this and select a JavaScript library from the menu above --> <!-- Supports context-sensitive CSS3 auto-completion --> <!-- Style starts here. Try adding new CSS tags. --> <style type="text/css"> body { background: #8eacd3; } .login { position: relative; float: right; color: #fff; fon…

    Asked by boo, December 8, 2012

    0 votes
    1 answer
23. не становиться резиновым поле шаблона

    http://test123234.ucoz.ru/news #maincol { float: left; background: #ffffff; max-width: 776px; } вот, не знаю что делать уже.. белое поле с новостями, должно растягиваться и сжиматься. делаю width: 776px; и оно все заполняет, все что положено. но при max-width: 776px; все обрезается до размеров текста. команду как будто не воспринимает.

    Asked by Linblack, April 9, 2013

    0 votes
    11 answers
24. nth-child

    http://jsfiddle.net/6jsY9/1/ я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?

    Asked by Struggle, August 3, 2013

    0 votes
    5 answers
25. Как сделать что бы контент спойлера грузился только после его активации?

    Скажите с помощью чего можно это осуществить? На странице есть несколько спойлеров,как сделать что бы контент в них грузился лишь тогда когда спойлер открывает юзер?Точнее что бы грузлось содержимое только того спойлера по которому кликнули. <a href="#1" class="videoA">спойлер 1</a><div class="videoB">содержимое спойлера 1</div><a href="#2" class="videoA">спойлер 2</a><div class="videoB">содержимое спойлера 2</div><a href="#3" class="videoA">спойлер 3</a><div class="videoB">содержимое спойлера 3</div><script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).nex…

    Asked by pudge, November 30, 2013

    0 votes
    6 answers