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
29,542 questions in this forum
-
Помогите с тегом <base>
Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>
0 votes9 answers -
проблемы с кодировкой в IE6
Здравствуйте. Вот есть сайт http://tekspb.ru/ и шестом IE при кодировке UTF-8 все чертям слетает, при других кодировках тоже слетает, но не так сильно. С чем это может быть связано?
0 votes8 answers -
Центровка маркера
Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке
0 votes19 answers -
Вопросы новичка
Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?
0 votes24 answers -
Смещение Блока при наведении
Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }
0 votes7 answers -
высота <li>
#menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …
0 votes5 answers -
Как сделать перенос текста на новую строку, если он не влазит в div?
Доброго времени суток. Обрашаюсь за помощью к сообществу. В вёрстке я глубокий чайник Есть вот такая картинка: страница на которой всё это http://club.desantura.ru/lit/ не могу понять, как сделать, чтобы текст, который не влазит в ячейку переносился на новую строку, а не вылазил за её пределы. уже весь мозг сломал. Лучший вариант, который смог достичь, это применение overflow: hidden чтобы обрезать лишнее.
0 votes4 answers -
Как выровнять слой по центру, а текст в слое по краю
Как выровнять слой по центру, а текст в слое по левому краю. НА рисунке показано что пытаюсь сделать. Но ведь ширина слоя резиновая, вот и проблема. Таблица опять же резиновая. Ссылки хочу поставить по центру но выровненные в слое по левому краю
0 votes6 answers -
Изменение стиля
Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:
0 votes7 answers -
position:absolute для <td> в IE
Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо
0 votes12 answers -
Div не соображу. помогите новичку.
ситуация такая. есть 2 изображения. их нужно поместить в Div. прич?м каждый в свой. первый Div должен быть постоянно привязан к низу странички в браузере и иметь фиксированную высоту. второй должен быть привязан к верху. он должен чуть, заходить за первый Div. и при растяжении страницы по вертикали второй див должен растягиваться. помогите пожалуйста. Чтобы нагляднее отобразить, прикрепляю картинку. http://baner.lab-host.ru/compress.jpg Как она есть, так она и должна отображаться в браузере. Получается, что "поляна" - первый div Небо - второй div
0 votes9 answers -
Не работает выпадающее css-меню в google chrome
Всем привет! Пару дней назад задумал менять дизайн сайта, посвященному теме общепита и банкетного зала! Менять нужно было, так сказать, на лету(без сливания на тестовый хостинг), то есть основная html-верстка осталась практически нетронутой, всю работу планировал свести к правке css и замене изображений! Ну...ещё слайдер в шапке поменял! Все шло и идет как задумано, но сегодня заметил что-то необъяснимое: во всех браузерах верхнее горизонтальное меню сайта отрабатывает как положено - при наведении мышки появляется выпадающее меню, а вот в хроме - ни фига! Я уже и так, и так - всё мимо! Уважаемый специалисты, быть может, вы сможете разобраться в этом? Я проверял с …
0 votes1 answer -
Не убирается первый элемент background li
Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style…
0 votes12 answers -
Помогите с ссылками
Помогите с ссылками. Какой код нужно указывать чтобы картинка была ссылкой и при этом валидатор молчал ?
0 votes20 answers -
в IE6 просвечивает выпадающее окно
есть див с рейтингом в виде рисунка. при нажатии на этот рисунок, java скриптом поверх выводится див для ввода коммента к рейтингу. но в IE6 див для коммента оказывается под дивом с рейтингом, и все кнопки неактивные. у дива для коммента и у дива с рейтингом пробовала указать и z-index, и position в разных комбинациях, но не помогает в IE7, Mozilla Firefox и Opera все работает. Заранее спасибо за помощь! <style> .user_soft { margin:0px 15px 5px 20px; } .user_soft a { color: #2786A8; margin:0px; text-decoration:underline; } .user_soft a:hover { color:#4864d6; } .user_soft img { margin:0px 2px -4px 0px; } .user_soft p { color:#181919; margin:5px 15px 0px 23…
0 votes11 answers -
Вопрос о позиционировании для всех браузеров
Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (
0 votes8 answers -
Нужен совет
Есть bg резиновый по вертикали background как сделать нижний элемент графики фоновым? пытался абсолютным позиционированием и z-index что то не получилось, фон перекрывал контент
0 votes11 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 answers -
Максимальная обфускация CSS кода
Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.
0 votes1 answer -
visibility: collapse в FF не работает?!
Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…
0 votes5 answers -
IE отказывается грузить большие фоны
У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??
0 votes12 answers -
Как на bootstrap 4 собрать такую сетку?
Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…
0 votes5 answers -
не подключается шрифт
Всем доброго времени суток, помогите пожалуйста решить проблему: Подключаю шрифт в css следующим образом @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } Применяю шрифт к ссылкам ul#menu li a{ font-family:MyWebFont; } Шрифт не подключается , относительный путь в font-face указан правильно, в чем может быть дело.
0 votes10 answers -
текст под изображением
Здравствуйте. В таблице есть строка, в ней три ячейки, в каждой ячейке находится картинка, а под каждую из картинок нужно разместить свой текст расположенный по центру картинки (по горизонтали). Подскажите пожалуйста как это сделать?
0 votes6 answers -
Проблемы с передачей файла post'ом
Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …
0 votes14 answers