HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа
Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.
0 votes2 answers -
Минимальный макет с 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/ Аналог на картинке
0 votes0 answers -
Как зделать чтобы Div тянулся по вертикали
Как зделать чтобы Div тянулся по вертикали с именно этим доктайпом quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
0 votes1 answer -
Гибкий шаблон
Приветствую всех. Вопрос: Есть к примеру три блока расположенные горизонтально <div class=”1”> </div> <div class=”2”> </div> <div class=”3”> </div> Где блок с классом 1 и 3 имеют фиксированную ширину. Как сделать, чтобы если убрать в коде блок с классом 3, блок с классом 2 заполнял все возможное пространство. Т.е чтобы ширина блока с классом 2 менялась динамически, в зависимости от наличия с левой стороны блока. Спасибо
0 votes4 answers -
растянуть блок по высоте
сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.
0 votes5 answers -
Несколько вопросов по верстке макета.
В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в 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;…
0 votes5 answers -
Позиционирование внутри блока
Всем добрый день , подскажите пожалуйста как разместить блок внутри блока , чтобы внешниий блок растягивался по высоте в зависимости от содержимого внутреннего блока. Вот 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…
0 votes7 answers -
отображение слоя в 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> в результате ОПЕРА при разрешении…
0 votes8 answers -
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…
0 votes4 answers -
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, что напрягает, но я никак не пойму, что нужно подправить.…
0 votes6 answers -
Как удлинить границу?
Здравствуйте! Столкнулся вот с такой задачкой... Как удлинить верхнюю серую границу правого блока? Чтобы из правого блока переходило на шапку кусочек? В голову приходит только создание дополнительных блоков с нижней границей, но может есть какое-то решение попроще - через свойства?
0 votes1 answer -
Как лучше разбить статью с точки зрения 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>Как бы уже второй …
0 votes4 answers -
Проблема с треугольниками через border
В общем, требуется создать примерно такой стиль заголовка: Вот что у меня получилось: http://jsfiddle.net/iKNG/7b6x3/ Как убрать этот пробел сверху? Если убрать у h1:after display:inline-block, то он убирается, но треугольник какой-то не такой становится.
0 votes2 answers -
Ссылка в ячейке таблицы
Имеется вот такая таблица <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 в ячейке у меня не выходит, так как высота ячейки не известна. Вот что я хочу получить, как это можно реализовать?…
0 votes4 answers -
Блок в оставшуюся длину
Привет. Я правильно понимаю, что чтобы растянуть .cell3 на оставшуюся длину, мне надо или таблицы использовать, ну или flex. http://jsfiddle.net/npofopr/w95eY/ Сут такая: сайт резинится от 1280 до 960px, т.е. в шапке есть четыре блока, три из них постоянной длины, а одно, это блок с поиском, т.е. с input и button, которые как раз проще тянуть. Вот и хотелось бы этот .cell3 растягивать. Или можно как то по другому здесь решить ситуацию?
0 votes9 answers -
Как растянуть фоновое изображение
Как растянуть фоновое изображение чтобы оно не потеряло качество?
0 votes2 answers -
Картинка внутри фона
В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <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>
0 votes2 answers -
Вопрос к профи
Здравствуйте. У меня такой вопрос: много страничный сайт,нужно по ходу работы вводить какие то дополнения, изменения и т.д. Делать это ручками ? ну когда одна или даже пять страниц это еще можно, а вот когда надо ввести дополнения на 100 или на 200 страниц, то это тяжеловатенько :mad: Каким методом,или программой пользуетьсь Вы, профи ? Посоветуйте мне что нибудь пожалуйста. Спасибо.
0 votes2 answers -
Как сделать проверку через w3c?
Как сделать проверку HTML и CSS через w3c?
0 votes5 answers -
Текст не хочет отступать
Здравствуйте уважаемые знатоки. Давненько я не задавал вам своих глубпых вопросов, но вот опять у меня возникла проблема. http://www.po-miry.ru/MEDICINA/ONE_PAGE/psihoanaliz.htm Страничка, на которую дана ссылка, присоединена к динамическому шаблону. Я хочу, чтобы базовый текст статьи отстоял от границ таблицы. Забил это и в BODY и CLASS="STYLE" Но текст шевелиться не хочет. Внизу статьи подпись. Там отступы забиты в тег Р, и всё нормально. Но хотелось бы, чтобы все было автоматом ко всей статье. Заранее благодарен за советы
0 votes5 answers -
Стили в 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> Не работает.
0 votes2 answers -
Проблема с фоном FF, Opera
Позиционирование фона страницы неадекватно. В чем проблема, подскажите? В осле работает как надо, в опере и Гекко-браузерах фон позиционируется относительно видимых 100% ссылка на сабж: http://tremor.pisem.su/wtf_with_background/index.html
0 votes2 answers -
Рационально ли?
Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: 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: …
0 votes7 answers -
выравнивание содержимого ячейки
хочу что бы размер ячейки был = размеру содержимого мой код. 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>…
0 votes6 answers -
Js или PHP?
Всем доброго... вопрос собственно о том, что выбрать в ПРОСТОЙ и до нельзя тупой ситуации... есть такой вариант если на сайте в текстбокс ввести например 12345 затем нажать кнопку то идет переадресация на субдомен 12345.мойсайт.ру... просто с системой поиска по папкам разобрался только с субдоменами.... так вот вопрос: Чем и как сделать такой простой до глупости текстбокс?.. тесть саму функцию... ты ввел он подставил и переадресовал...
0 votes8 answers