HTML Coding

29542 questions in this forum

1. проблемы с текстом в центре CSS

   Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня https://jsfiddle.net/#&togetherjs=AzUkONtK9g там, текст должен быть на середине, можете не говорить про text-align и т.д

   Asked by Данияр, February 1, 2022

   • html
   • css
   • web
   0 votes
   3 answers
2. Обтекание картинки текством в ИЕ

   Вот такая проблема, если мало тексту то картинка внутри контейнера, не растягивает его и срезается: вот css: #cont3 { width: 555px; margin-bottom: 20px; } img.obteknie { float: left; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; padding-right: 10px; } p { font-family: Arial; font-size: 0.75em; color: #545454; padding-bottom: 10px; } h1 { font-family: Arial; font-size: 1.0em; font-weight: bold; color: #009bcd; padding-bottom: 5px; } вот код страницы: <div id="cont3"> <h1><a href="#">Название ссылки</a></h1> <a href="#" alt="Подробнее" title="Подробнее"> <img class="obteknie" src="kartinko.jpg" wi…

   Asked by okunev2, December 8, 2008

   0 votes
   6 answers
3. @charset

   Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?

   Asked by DjTarik, October 14, 2009

   0 votes
   8 answers
4. Блок на всю ширину экрана

   Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?

   Asked by necro, October 21, 2012

   0 votes
   11 answers
5. Фоновое изображение

   Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/

   Asked by Imperil, October 29, 2012

   0 votes
   8 answers
6. Изменение цвета DIVа при наведении

   Добрый день! Столкнулся с проблемой, уже пол дня пытаюсь ее решить: Вот кусочек кода. Для начала выберете в нашем каталоге понравившийся Вам автомобиль. Даже если такого не нашлось, то обязательно свяжитесь с нашим менеджером. Мы вам непременно поможем.CSS: div.roll { background-color:#D7D7D7; width: 2px; height: 85px; } div.roll:hover { background-color:red; width: 2px; height: 85px; } Но полается не совсем так, как мне надо. А надо следующие: когда наводишь курсором на текст во втором диве, то в первом меняется цвет с серого на красный. Как реализовать?

   Asked by Negociant, August 1, 2008

   0 votes
   4 answers
7. круглые углы...

   Всем здрасте. Да, снова круглые углы. Юзал поиск - и не нешел того, что надо. Задача: блок с круглыми углами Требования: блок должен быть масштабируемым; нужна граница к блоку (stroke); углы должны быть прозрачные; нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow; IE 6 поддержка. мое решение (вернее то, что удалось подбрать из разных статей и примеров): масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь). отображение в IE 6: для отображения прозрачности в ie_6 я использовал .png, 8 bit. юзал fireWorks cs3. в этой софтине можно выбрать index transparency или alpha transparency. я выбрал a…

   Asked by paska, July 4, 2010

   0 votes
   3 answers
8. Якорь без прыжка

   Есть меню сверстанное на CSS3, которое открывает подменю используя якоря. Т.е. пока в адресной строке присутствует якорь #id_открытого_подменю блок с таким id отображается. Но когда страница расширилась вниз, появилась полоса прокрутки, и теперь если кликать по этому меню, браузер прыгает до этого якоря. Как сделать так, чтобы меню продолжило работать, но браузер перестал прыгать по якорям: http://wiic.ru/wn6/ - меню Выбор квартиры

   Asked by zlodeev, May 7, 2013

   • html
   • якорь
   0 votes
   3 answers
9. Таблица, OnMouseOver, цвет текста

   Есть три проблемы: 1. При нажатии на пункт "Шины" снизу появляется доп. меню, но высота строки со словом "Шины" уменьшается. Надо, чтобы осталась такой-же. 2. При наведении курсора на пункты меню "Шины", сама строка "Шины" и рисунки слева также подсвечивается, нужно от этого избавиться. 3. При наведении курсора не меняется цвет текста ячейки. Как избавиться от этих проблем? <script language="JavaScript"> function MenuToggle(id1) { id2 = "div_" + id1; obj = document.getElementById(id2); a = document.getElementById('a_' + id2); if (obj.style.display == 'block') { obj.style.display = 'none'; } else { obj.style.display = 'block'; } return false;…

   Asked by _Алексей_, January 4, 2008

   0 votes
   0 answers
10. вопрос про display:block

    вопрос новичка, ну я им и являюсь. допустим есть код : html <div class=img> <img sc="images/img.gif" alt=""> </div> .img { width: 100%; text-align: center; } Картинка будет находится по центру страницы как и должо быть, а как установить display:block она перестает слушатся почему ? хочю понять принцип действия. И еще вопрос в догонку как убрать 3пкс отспут в ИЕ у img кроме display:block; Зарание благодарен.

    Asked by musulman, January 25, 2008

    0 votes
    8 answers
11. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady, July 24, 2009

    0 votes
    9 answers
12. Помогите разобраться с кодом!

    <html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…

    Asked by Alexsays, April 8, 2010

    0 votes
    11 answers
13. Растягивание блока по высоте

    Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…

    Asked by Kup, April 16, 2010

    0 votes
    9 answers
14. Вёрстка сложных форм

    Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>

    Asked by WalkMan, October 8, 2010

    0 votes
    19 answers
15. Помогите сделать меню, готов заплатить

    Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…

    Asked by galaydas, January 28, 2013

    • html5
    • меню css
    0 votes
    12 answers
16. scrollbar+select

    Не подскажете как в select поменять внешний вид scrollbar ? Гениальные дизайнеры извратились (

    Asked by Sergik+, January 22, 2015

    0 votes
    13 answers
17. Проблема accept-charset="utf-8"?

    Достался тут один большой сайт на небольшую доработку. Сам сайт весь в кодировке windows-1251. На нём расположена простейшая форма, которая сабмитит типом POST на другой сервер. На том сервере, само собой, UTF-8. Чтобы всё было нормально, был добавлен в тег form параметр accept-charset="utf-8". В результате из фаерфокса всё приходит нормально, а из ИЕ8 и оперы (в других не проверял просто) приходит муть. Кто-нибудь сталкивался с подобным? Чего посоветуете? Вариант всё переделать в утф кажется очень заманчивым, но слишком трудоёмок.

    Asked by Veseloff, December 23, 2009

    0 votes
    1 answer
18. height: 1%; для ссылок

    Здравствуйте Помогите пожалуйста разобраться. Есть у меня один щаблон, код которого я пытаюсь понять. Остановился на таком вопросе как "вертикальное меню". Вот здесь шаблон: http://lukomorie.dax.ru/ Я не понял зачем height: 1% нужен в этом стиле: #subnav li a { background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }

    Asked by buko, April 5, 2011

    0 votes
    14 answers
19. MySQL Fatal Error!

    MySQL Error! ———————— The Error returned was: Access denied for user 'username'@'localhost' (using password: YES) Error Number: 1 Помогите пожалуйста. В файле dbconfig.php прописано всё верно. Отчего это может быть?

    Asked by Webster, August 3, 2012

    0 votes
    1 answer
20. Растягивающиеся div'ы + перенос их на новую строку

    Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

    Asked by kalexi, April 23, 2013

    • div
    • адаптивная верстка
    0 votes
    1 answer
21. съезжает меню

    http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…

    Asked by palomig, April 17, 2015

    0 votes
    5 answers
22. Как изменить colorbox и мозаику в галерее

    Доброго времени суток!) У меня два вопросика по галереи colorbox и плагину для формирования фото в мозаику Первое по галерее: Мне надо чтобы, оно выглядело вот так http://prntscr.com/d9zqg4 А у меня получилось сделать только так Т_Т http://prntscr.com/d9zqw3 Кто-то нибудь сталкивался с этой галерей? Как добавить еще одно поле для текста и увеличить отступы? Второе по мозаике: Я для той же галереи использовала вот этот плагин http://tympanus.net/codrops/2011/08/30/automatic-image-montage/ , но в начале не требовалось каких-либо условий... А теперь надо, чтобы первая картинка была всегда 380x380, а остальная мозаика считаться от нее..…

    Asked by Mary_RND, November 30, 2016

    0 votes
    9 answers
23. Как выровнить картинки с разной высотой?

    Как выровнить картинки с разной высотой?

    Asked by incub, December 10, 2017

    • html
    • css
    0 votes
    5 answers
24. background-image с тремя картинками - можно?

    Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…

    Asked by Ksanytch, December 26, 2007

    0 votes
    5 answers
25. Ссылка на два окна

    Как сделать, чтобы при нажатии на ссылку в одном фрейме, содержимое (разное) открывалось в двух других фреймах?

    Asked by automilin, March 16, 2008

    0 votes
    15 answers