HTML Coding

29542 questions in this forum

1. Как зделать чтобы Div тянулся по вертикали

   Как зделать чтобы Div тянулся по вертикали с именно этим доктайпом quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

   Asked by antonP, June 20, 2008

   0 votes
   1 answer
2. Гибкий шаблон

   Приветствую всех. Вопрос: Есть к примеру три блока расположенные горизонтально <div class=”1”> </div> <div class=”2”> </div> <div class=”3”> </div> Где блок с классом 1 и 3 имеют фиксированную ширину. Как сделать, чтобы если убрать в коде блок с классом 3, блок с классом 2 заполнял все возможное пространство. Т.е чтобы ширина блока с классом 2 менялась динамически, в зависимости от наличия с левой стороны блока. Спасибо

   Asked by yura_101, March 27, 2009

   0 votes
   4 answers
3. растянуть блок по высоте

   сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.

   Asked by crazybet, February 14, 2011

   0 votes
   5 answers
4. <li> в одну строчку с градиентным скрыванием

   Где-то видел, не помню где, что элементы списка вписанного в 200-пиксельный столбец если в 1 строчку не помещались, то плавно градиентом обрезались.. Подскажите, хотябы в какую степь искать.. Сейчас вот так: http://free-mp3-download.ru/ (см. слева блок Свежие mp3) Хотелось бы типа вот так: (как сделать в 1 срочку я знаю, вопрос в том как сделать "затухание") Заранее благодарен.

   Asked by nezzgraba, December 26, 2011

   0 votes
   2 answers
5. Позиционирование внутри блока

   Всем добрый день , подскажите пожалуйста как разместить блок внутри блока , чтобы внешниий блок растягивался по высоте в зависимости от содержимого внутреннего блока. Вот css и html: <div id="content"> <div id="main"> <div id="right"></div> <div id="bottom"></div> </div> <img height="100%" src="/bitrix/templates/templateturist/images/background.jpg" class="fon" ilo-full-src="http://tkturist.ru/bitrix/templates/templateturist/images/background.jpg"> </div> #content { height: 100%; max-width: 5000px; min-width: 1000px; padding: 0 0 70px; position: relative; } #main { backgro…

   Asked by romanov, May 30, 2012

   0 votes
   7 answers
6. отображение слоя в IE при заданном разрешении экрана

   ситуация следующая ——————————————————— Есть панелька, прописанная в основной css'ке в виде слоя. Нужно сделать так, чтобы она отображалась только тогда, когда разрешение монитора у посетителя выше 1280 по ширине. Т.е., к примеру при разрешении экрана 1024 на 768 она отображаться не должна. ВАЖНО - работать это должно ВО ВСЕХ основных браузерах. Я прописала такое в ксске: @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka{ top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } сам html файл при этом содержит <div id="panelka">панелька</div> в результате ОПЕРА при разрешении…

   Asked by Dasha, July 16, 2012

   0 votes
   8 answers
7. relative в процентах и опущенные элементы

   В общем беру я пустую страницу и хочу сделать на ней релативный див, с указанием размера в процентах. Как выяснилось опытным путем, такое бывает нужно. Казалось бы, задача проста: <div id="relative"></div> #relative { position: relative; display: block; height: 60%; width: 75%; background: #000; } НО не работает. Гугол вообще не дает ответов на такие вопросы, значит мы не ищем легких путей. И в первичном CSS помимо обнуления значений, пишем в body position: absolute; height: 100%; width: 100%; Теперь любой релативный элемент "падает" вниз и его расположение приходится писать от bottom, что напрягает, но я никак не пойму, что нужно подправить.…

   Asked by iDrugov, October 21, 2012

   0 votes
   6 answers
8. Как удлинить границу?

   Здравствуйте! Столкнулся вот с такой задачкой... Как удлинить верхнюю серую границу правого блока? Чтобы из правого блока переходило на шапку кусочек? В голову приходит только создание дополнительных блоков с нижней границей, но может есть какое-то решение попроще - через свойства?

   Asked by nikki4, May 7, 2013

   0 votes
   1 answer
9. Как лучше разбить статью с точки зрения SEO в HTML5?

   Здравствуйте. Я сделал сайт. Написал основную статью для главной страницы на 6000 тыс.символов при этом оптимизировал написанную статью под 1 определенный поисковый запрос. В какие теги лучше всего с точки зрения SEO будет разместить мою основную статью на главной странице? Варианты: 1)<main> <h1>Заголовок статьи<h1> <p>Текс статьи на 6000тыс.сим.</p> </main> 2)<main> <h1>Заголовок статьи<h1> <p>Текс статьи скажем на 2000тыс сим.</p> <article> <h2>Как бы подзаголовок<h2> <p>Текс статьи тоже скажем на 2000тыс сим.</p> </article> <article> <h2>Как бы уже второй …

   Asked by koly32, October 24, 2013

   0 votes
   4 answers
10. Проблема с треугольниками через border

    В общем, требуется создать примерно такой стиль заголовка: Вот что у меня получилось: http://jsfiddle.net/iKNG/7b6x3/ Как убрать этот пробел сверху? Если убрать у h1:after display:inline-block, то он убирается, но треугольник какой-то не такой становится.

    Asked by iKNG, November 25, 2013

    0 votes
    2 answers
11. Блок в оставшуюся длину

    Привет. Я правильно понимаю, что чтобы растянуть .cell3 на оставшуюся длину, мне надо или таблицы использовать, ну или flex. http://jsfiddle.net/npofopr/w95eY/ Сут такая: сайт резинится от 1280 до 960px, т.е. в шапке есть четыре блока, три из них постоянной длины, а одно, это блок с поиском, т.е. с input и button, которые как раз проще тянуть. Вот и хотелось бы этот .cell3 растягивать. Или можно как то по другому здесь решить ситуацию?

    Asked by npofopr, April 29, 2014

    0 votes
    9 answers
12. Как растянуть фоновое изображение

    Как растянуть фоновое изображение чтобы оно не потеряло качество?

    Asked by ewee, December 29, 2016

    0 votes
    2 answers
13. Картинка внутри фона

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>

    Asked by shtormhold, January 7, 2018

    • css
    0 votes
    2 answers
14. Вопрос к профи

    Здравствуйте. У меня такой вопрос: много страничный сайт,нужно по ходу работы вводить какие то дополнения, изменения и т.д. Делать это ручками ? ну когда одна или даже пять страниц это еще можно, а вот когда надо ввести дополнения на 100 или на 200 страниц, то это тяжеловатенько :mad: Каким методом,или программой пользуетьсь Вы, профи ? Посоветуйте мне что нибудь пожалуйста. Спасибо.

    Asked by Lobo, May 16, 2008

    0 votes
    2 answers
15. Как сделать проверку через w3c?

    Как сделать проверку HTML и CSS через w3c?

    Asked by Kenshi45, February 17, 2009

    0 votes
    5 answers
16. Текст не хочет отступать

    Здравствуйте уважаемые знатоки. Давненько я не задавал вам своих глубпых вопросов, но вот опять у меня возникла проблема. http://www.po-miry.ru/MEDICINA/ONE_PAGE/psihoanaliz.htm Страничка, на которую дана ссылка, присоединена к динамическому шаблону. Я хочу, чтобы базовый текст статьи отстоял от границ таблицы. Забил это и в BODY и CLASS="STYLE" Но текст шевелиться не хочет. Внизу статьи подпись. Там отступы забиты в тег Р, и всё нормально. Но хотелось бы, чтобы все было автоматом ко всей статье. Заранее благодарен за советы

    Asked by beze, March 15, 2009

    0 votes
    5 answers
17. Стили в option

    Добрый день. Плиз, дайте совет. Нужно для каждого элемента option применить свой шрифт. <select name="title_font_name" class="font_name"> <option value="Arial" style="font-family:Arial">Arial</option> <option value="Verdana" style="font-family:Verdana">Verdana</option> <option value="Tahoma" style="font-family:Tahoma">Tahoma</option> <option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option> </select> Не работает.

    Asked by Аксинья, April 17, 2009

    0 votes
    2 answers
18. Проблема с фоном FF, Opera

    Позиционирование фона страницы неадекватно. В чем проблема, подскажите? В осле работает как надо, в опере и Гекко-браузерах фон позиционируется относительно видимых 100% ссылка на сабж: http://tremor.pisem.su/wtf_with_background/index.html

    Asked by tr3m0r, June 16, 2009

    0 votes
    2 answers
19. Рационально ли?

    Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …

    Asked by MC WEST, October 18, 2010

    0 votes
    7 answers
20. выравнивание содержимого ячейки

    хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; } <table width="200" border="1" > <tr> <td><a href="#"><ul>item 1</a></td> </tr> <tr> <td><a href="#"><ul>item 2</a></td> </tr> <tr> <td><a href="#"><ul>item 3</a></td> </tr> <tr> <td><a href="#"><ul>item 4</a>…

    Asked by atew, March 19, 2011

    0 votes
    6 answers
21. Помогите разобраться в z-index

    Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

    Asked by oke11o, October 26, 2011

    0 votes
    4 answers
22. Несколько вопросов по верстке макета.

    В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в firefox, например, изображение можно утянуть курсором, не знаю как это исправить. html <div id="img1"></div> <div id="img2"></div> css #img1{ width:279px; height:132px; position:absolute; left:25px; background:url(images/orange1_02.png); cursor:pointer;} #img2{ position:absolute;…

    Asked by skygazer, December 16, 2011

    0 votes
    5 answers
23. Валидация javascript

    Привет всем! помогите исправить ошибки валидации javascript. Line 291, Column 51: delimiter "'" invalid: only S separators and TAGC allowed here 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Line 291, Column 51: end tag for element "SC" which is not open 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Вот сам пациент справочник-строителя

    Asked by vadimcucherencko, March 18, 2012

    0 votes
    4 answers
24. wmode="opaque"

    проблема с флеш слайдером на сайте,он показивает поверх всего, в том числе вспливающих окон....нужно это исправить,нужно пременить wmode="opaque" только не знаю куда его вбивать в этот код,если нету <object>...</object> , <embed ...> вот код как тут быть?

    Asked by advocate-in, May 20, 2012

    0 votes
    2 answers
25. css оформление цитаты

    Приветствую, всех! В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать: Вот, как такое записать в стиль?: Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию. На цвета сайта прошу не смотреть, я в экспериментах Чтобы объяснить, что я хочу, для скрина я сделал так: blockquote { font-style:italic; background-color:#333333; color: #f9d649; margin-left: 45px; text-align:justify; font-size:17px; } .chel { color: #FF0; margin-left: 10px; font-weight: bold; font-style:normal; } html полностью не привожу, так как там пробелов миллион, только принцип: <blockquo…

    Asked by uncle BOO, July 17, 2012

    0 votes
    4 answers