Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. атрибут alt тега img

    В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?

    Asked by kupidon,

    0 votes
    1 answer

  2. Вставка исходного года в 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 или иные картинки?

    Asked by mcMega,

    0 votes
    2 answers

  3. Фиксация заголовка таблицы - использование flex

    Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…

    Asked by sky-sky,

    0 votes
    0 answers

  4. Подскажите как можно реализовать

    Здравствуйте, есть макет вот с таким заголовком, подскажите пожалуйста как можно реализовать оформление вокруг него (полосы и ромбы), я имею представление о том как добавить по одному ромбу с каждой стороны - тут все ясно: before и after. Но как добавить множество элементов? Если что, знаю(чуть-чуть) только html и css, а js для меня пока темный лес. Буду признателен, если также скинете ссылки на статьи где можно об этом почитать поподробней.

    Asked by Valery Subbotin,

    0 votes
    1 answer

  5. блок с адаптивный контентом

    как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…

    Asked by victorius,

    0 votes
    0 answers

  6. Многострочность

    Добрый день. У меня вот какая проблема возникла. Есть гостевая книга. Текст каждого сообщения заключ?н в теги . Сделал возможность пользователю делать шрифт подч?ркнутым, зач?ркнутым и т.д. псевдотегами , [l][/l] и т.д., которые потом меняются программой на ... Но вот какая проблема возникла. Работает это только однострочно. А хотелось бы, чтобы можно было выделять тегами большие куски текста. Поискал по форуму и в гугле, но ничего токового не наш?л. Подскажите пожалуйста решение моей проблемы. Спасибо.

    Asked by Pack,

    0 votes
    3 answers

  7. Непонятный пробел между блоками

    Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...

    Asked by AbLaZe,

    0 votes
    2 answers

  8. Проблема с доктайпом

    Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!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> Зате…

    Asked by Faran,

    0 votes
    1 answer

  9. Проблема с флоатом.

    Доброго времени суток, столкнулся со следующей проблемой: есть область, ширина резиновая в 80% по монитору, в нее ставляю 4 элемента, у элемента стоит флоат лефт, ширина и высота фиксированная и пытаюсь все это хозяйство поставить по центру этой 80% ширины, если 4 элемента выстроенны в 1 строку все хорошо, идет отцентровка по центру, а если уменьшить разрешение монитора, то получается 3 на 1 строке, 1 на 2 строке и обе строки прижаты влево. Как бороться?

    Asked by alizid,

    0 votes
    2 answers

  10. помогите до делать валидация сайта кое что не могу подправить

    скажу сразу в css шарю плохо... собственно вот осталось 5 ошибок http://validator.w3.org/check?uri=http://warezzza.net

    Asked by hellp123,

    0 votes
    5 answers

  11. Положение элементов на странице

    Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??

    Asked by NeoMurderer,

    0 votes
    3 answers

  12. Несколько вопросов

    Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.

    Asked by Feers1de,

    0 votes
    4 answers

  13. ширина изображения

    задача такова: есть картинка: <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 {…

    Asked by MasterP,

    0 votes
    4 answers

  14. Подгрузка Шрифта (продолжение..)

    Здравствуйте! Подскажите,кто знает ссылку на сайт с которого без проблем можно было бы скачать нормальные(без кракозябр...) шрифты 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.…

    Asked by Yamaradg,

    0 votes
    0 answers

  15. Абсолютное позиционирование. Где ошибка ?

    Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.

    Asked by d4a1,

    0 votes
    3 answers

  16. Проблемы с <Input type="submit">

    Добрый вечер! При доделывании чужой работы столкнулся с простейшими на первый взгляд проблемами: На странице есть 2 инпута(на ссылке с принтскрином указано в каком браузере проблема...). В одном из них в мазилле не работает Cursor:pointer? Это связано с тем что там внутри один блок налазит на другой! Если менять блоки местами(в html)то cursor работает - но инпут не функционирует? (перепробовал в течении нескольких часов всё что в моих силах-но безрезультатно!) Работает он изначально нормально только в IE!(не могу понять почему?...) Со вторым инпутом при клике происходит смещение самого текста вниз на пару пикселей!? (происхдит это в IE и Opera?) P.S. Буду очень благодарен…

    Asked by Yamaradg,

    0 votes
    3 answers

  17. Изображение через несколько минут

    Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????

    Asked by Baltazar,

    0 votes
    3 answers

  18. Вертикальная полоса прокрутки

    Здравствуйте. Есть стандартный макет: * { 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…

    Asked by param,

    0 votes
    7 answers

  19. css3

    День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему... В IE9 и Опере не работают box-shadow и border-radius а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат

    Asked by kamaz6141,

    0 votes
    8 answers

  20. проблемы с вертикальным выравниванием

    У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.

    Asked by chiffenok,

    0 votes
    5 answers

  21. Кодировка

    всем привет с вами опять я на сайте в кусе по html 4.01 да и в большей части сайтов используется кодировка utf-8 я конечно понимаю для чего это ... впринципе она является более универсальной не то что в частности windows-1251 только вот в чем беда как бы я не старался мой текстоввый редактор Notepad++ отказывается видимо преобразовывать и сохранять документ используя кодировку utf-8 да он преобразует значения в другой вид после сохранения и указанного атрибута charset="utf-8" в документе хтмл все равно видны вопросики вместо текста но вот когда вообще не преобразую ничего и указываю или указываю charset="windows-1251" браузеры отображают страничку как полагает…

    Asked by Bobikys,

    0 votes
    3 answers

  22. не прописывает background

    Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:

    Asked by Galyanoff,

    0 votes
    4 answers

  23. вертикальное выравнивание с 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. …

    Asked by Riim,

    0 votes
    1 answer

  24. Сайт по продаже авиабилетов

    Подскажите советом, как сделать сайт по продаже авиабилетов? Точнее, может, есть какая-то программа по поиску авиабилетов? Например, как здесь: http://www.momondo.ru/ Как вообще все это делается: поиск авиабилетов, показ на карте...где и что берется Может, какой движок нужен? Спасибо.

    Asked by Alfa2015,

    0 votes
    1 answer

  25. Вариант расположение меню не перекрывая слои

    Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…

    Asked by Mary_RND,

    0 votes
    4 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept