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
-
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
Вставка исходного года в html
Всем привет! Столкнулся с проблемой, сервер может обрабатывать не более 5 запросов одновременно, поэтому приходится вставлять некоторые элементы прямо в index.htm Сейчас реализовано как ссылка <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или <link rel="shortcut icon" href="favicon.png" type="image/png"> но нужно код картинки вставить прямо в htm чтоб убрать лишние запросы к серверу. Как вставить исходный код вместо ссылки на favicon или иные картинки?
0 votes2 answers -
Фиксация заголовка таблицы - использование flex
Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…
0 votes0 answers -
Подскажите как можно реализовать
Здравствуйте, есть макет вот с таким заголовком, подскажите пожалуйста как можно реализовать оформление вокруг него (полосы и ромбы), я имею представление о том как добавить по одному ромбу с каждой стороны - тут все ясно: before и after. Но как добавить множество элементов? Если что, знаю(чуть-чуть) только html и css, а js для меня пока темный лес. Буду признателен, если также скинете ссылки на статьи где можно об этом почитать поподробней.
0 votes1 answer -
блок с адаптивный контентом
как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…
0 votes0 answers -
Многострочность
Добрый день. У меня вот какая проблема возникла. Есть гостевая книга. Текст каждого сообщения заключ?н в теги . Сделал возможность пользователю делать шрифт подч?ркнутым, зач?ркнутым и т.д. псевдотегами , [l][/l] и т.д., которые потом меняются программой на ... Но вот какая проблема возникла. Работает это только однострочно. А хотелось бы, чтобы можно было выделять тегами большие куски текста. Поискал по форуму и в гугле, но ничего токового не наш?л. Подскажите пожалуйста решение моей проблемы. Спасибо.
0 votes3 answers -
Непонятный пробел между блоками
Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...
0 votes2 answers -
Проблема с доктайпом
Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> Зате…
0 votes1 answer -
Проблема с флоатом.
Доброго времени суток, столкнулся со следующей проблемой: есть область, ширина резиновая в 80% по монитору, в нее ставляю 4 элемента, у элемента стоит флоат лефт, ширина и высота фиксированная и пытаюсь все это хозяйство поставить по центру этой 80% ширины, если 4 элемента выстроенны в 1 строку все хорошо, идет отцентровка по центру, а если уменьшить разрешение монитора, то получается 3 на 1 строке, 1 на 2 строке и обе строки прижаты влево. Как бороться?
0 votes2 answers -
помогите до делать валидация сайта кое что не могу подправить
скажу сразу в css шарю плохо... собственно вот осталось 5 ошибок http://validator.w3.org/check?uri=http://warezzza.net
0 votes5 answers -
Положение элементов на странице
Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??
0 votes3 answers -
Несколько вопросов
Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.
0 votes4 answers -
ширина изображения
задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…
0 votes4 answers -
Подгрузка Шрифта (продолжение..)
Здравствуйте! Подскажите,кто знает ссылку на сайт с которого без проблем можно было бы скачать нормальные(без кракозябр...) шрифты trebuchet(желательно всех видов с поддержкой русского алфавита)? Гуглил над этим вопросом не один день – нашёл только один более ли менее нормальный сайт: http://www.xfont.ru/font/%D1%88%D1%80%D0%B8%D1%84%D1%82_TrebuchetMSItalic_10159.htm но в итоге оказалось что и он не идеален!(шрифты которые с него закачиваю(не поддерживают русский алфавит) фотошоп не понимает? Вместо русских букв в фотошопе квадратики...) пробовал(впервые) подгружать их на: www.fontsquirrel.com/font... пишет следующее:(The font Trebuchet MS Italic was created by Microsoft.…
0 votes0 answers -
Абсолютное позиционирование. Где ошибка ?
Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.
0 votes3 answers -
Проблемы с <Input type="submit">
Добрый вечер! При доделывании чужой работы столкнулся с простейшими на первый взгляд проблемами: На странице есть 2 инпута(на ссылке с принтскрином указано в каком браузере проблема...). В одном из них в мазилле не работает Cursor:pointer? Это связано с тем что там внутри один блок налазит на другой! Если менять блоки местами(в html)то cursor работает - но инпут не функционирует? (перепробовал в течении нескольких часов всё что в моих силах-но безрезультатно!) Работает он изначально нормально только в IE!(не могу понять почему?...) Со вторым инпутом при клике происходит смещение самого текста вниз на пару пикселей!? (происхдит это в IE и Opera?) P.S. Буду очень благодарен…
0 votes3 answers -
Изображение через несколько минут
Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????
0 votes3 answers -
Вертикальная полоса прокрутки
Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; ma…
0 votes7 answers -
css3
День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему... В IE9 и Опере не работают box-shadow и border-radius а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат
0 votes8 answers -
проблемы с вертикальным выравниванием
У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.
0 votes5 answers -
Кодировка
всем привет с вами опять я на сайте в кусе по html 4.01 да и в большей части сайтов используется кодировка utf-8 я конечно понимаю для чего это ... впринципе она является более универсальной не то что в частности windows-1251 только вот в чем беда как бы я не старался мой текстоввый редактор Notepad++ отказывается видимо преобразовывать и сохранять документ используя кодировку utf-8 да он преобразует значения в другой вид после сохранения и указанного атрибута charset="utf-8" в документе хтмл все равно видны вопросики вместо текста но вот когда вообще не преобразую ничего и указываю или указываю charset="windows-1251" браузеры отображают страничку как полагает…
0 votes3 answers -
не прописывает background
Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:
0 votes4 answers -
вертикальное выравнивание с text-overflow:ellipsis;
Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …
0 votes1 answer -
Сайт по продаже авиабилетов
Подскажите советом, как сделать сайт по продаже авиабилетов? Точнее, может, есть какая-то программа по поиску авиабилетов? Например, как здесь: http://www.momondo.ru/ Как вообще все это делается: поиск авиабилетов, показ на карте...где и что берется Может, какой движок нужен? Спасибо.
0 votes1 answer -
Вариант расположение меню не перекрывая слои
Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…
0 votes4 answers