HTML Coding

29542 questions in this forum

1. Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа

   Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.

   Asked by kartopelka, July 9, 2019

   0 votes
   2 answers
2. Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5

   Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке

   Asked by Ilya983, May 8, 2022

   • html
   • bootsrap
   0 votes
   0 answers
3. Как зделать чтобы 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
4. Гибкий шаблон

   Приветствую всех. Вопрос: Есть к примеру три блока расположенные горизонтально <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
5. растянуть блок по высоте

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

   Asked by crazybet, February 14, 2011

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

   В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в 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
7. Позиционирование внутри блока

   Всем добрый день , подскажите пожалуйста как разместить блок внутри блока , чтобы внешниий блок растягивался по высоте в зависимости от содержимого внутреннего блока. Вот 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
8. отображение слоя в 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
9. 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
10. 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
11. Как удлинить границу?

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

    Asked by nikki4, May 7, 2013

    0 votes
    1 answer
12. Как лучше разбить статью с точки зрения 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
13. Проблема с треугольниками через border

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

    Asked by iKNG, November 25, 2013

    0 votes
    2 answers
14. Ссылка в ячейке таблицы

    Имеется вот такая таблица <table width="100%"> <tr> <td width="15%"><a href="#"><div>←</div></a></td> <td><a href="#">Content</a></td> <td width="15%"><a href="#"><div>→</div></a></td> </tr></table>В правой и левой ячейке стрелки влево и вправо (для листания), по центру картинка (размер изменяется). Необходимо чтобы левая и правая колонки представляли собой ссылки, причем полностью, именно вся ячейка! Растянуть DIV в ячейке у меня не выходит, так как высота ячейки не известна. Вот что я хочу получить, как это можно реализовать?…

    Asked by RiG, November 26, 2013

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

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

    Asked by npofopr, April 29, 2014

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

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

    Asked by ewee, December 29, 2016

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

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <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
18. Вопрос к профи

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

    Asked by Lobo, May 16, 2008

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

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

    Asked by Kenshi45, February 17, 2009

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

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

    Asked by beze, March 15, 2009

    0 votes
    5 answers
21. Стили в 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
22. Проблема с фоном FF, Opera

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

    Asked by tr3m0r, June 16, 2009

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

    Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: 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
24. выравнивание содержимого ячейки

    хочу что бы размер ячейки был = размеру содержимого мой код. 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
25. Js или PHP?

    Всем доброго... вопрос собственно о том, что выбрать в ПРОСТОЙ и до нельзя тупой ситуации... есть такой вариант если на сайте в текстбокс ввести например 12345 затем нажать кнопку то идет переадресация на субдомен 12345.мойсайт.ру... просто с системой поиска по папкам разобрался только с субдоменами.... так вот вопрос: Чем и как сделать такой простой до глупости текстбокс?.. тесть саму функцию... ты ввел он подставил и переадресовал...

    Asked by muhomo, April 27, 2011

    0 votes
    8 answers