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
-
А как написать тэг в тэге?
Как,чтоб показывало <br> , а не срабатывало как перенос строки!!?! Thank You
0 votes7 answers -
DIV не хочет растягиваться по вертикале (в Опере)
Мужыки, привет! Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> </head> <body> <div id="body"> <div id="header"> Заголовок </div> <div id="content"> <div id="leftcol"> <div class="leftcol-component"> Поиск по... фамилии, адресу и т.д. </div> <div class="leftcol-component"> Консультант он-лайн </div…
0 votes9 answers -
Вопрос по картинке в записи
Доброго времени суток. Подскажите,как сделать так чтоб текст обтекал картинку? А то получается сначала картинка а потом текст и наоборот. Посмотрите что получается.Не судите строго,только учусь
0 votes8 answers -
Прилипание к краю
Добрый день! Сталкнулся с праблемой такой нужно чтоб красная ячейка при всех разрешениях прилипалась к правому краю а остальные не меняли свой размер и оставались на месте,width % не выходит.
0 votes8 answers -
Блоки разной ширины на одинаковом расстоянии друг от друга
Если такой вопрос уже был, извиняюсь, поиск не работает Сам вопрос такой: можно ли при резиновой странице (5) расположить блоки (1-4) таким образом, чтобы они находились на одинаковом расстоянии друг от друга? При условии что блоки разной ширины и периодически меняются. Ниже попытка изобразить что требуется ))) Пока пришел в голову вариант засунуть все это дело в таблицу, есть другие варианты?
0 votes5 answers -
PHP not work
Доброго времени суток всем верстальщикам и тем, кто себя ими считает! Это мой первый код на пхп, но он не робит. Почему? PHP: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <link rel="stylesheet" type="text/css" href="css.css" /> <title> TITLE </title> </head><body> Text <?php echo "Hello PHP"; ?></body></html>"Hello PHP" не выводтся. Стоит Open Server, localhost открывается, то бишь все должно работать. "Text" выводится. Help.
0 votes17 answers -
Как?подскажите...
Доброго времени суток, ситуация следущая : имеем кучу html страничек,в которых есть одни и теже строки, а имеено table, где менюшка, причем на всех страничках одна и та же, не подскажете как можно через скрипт или как то еще подгружать эту часть из отдельного файла.а в самих страничках эту часть убрать... Заранее благодарен
0 votes4 answers -
IE6 крадёт у меня мышку! :(
Дело в том, что название темы не совсем правильное. Для того, что бы на сайте можно было залогиниться, я использую всплывающий поверх страницы DIV, внутри которого находится форма (email + pass). Всё это дело я показываю через JavaScript. Но, возникла такая неприятная ситуация, в IE6, всё всплывает хорошо, DIV показывается, всё на месте. НО щелкать на формы не могу. Они как будто задисейбленные. Т.е. просто не щелкаются. Играл с z-index: 999++, не помогло. В чем может быть проблема? Помогите пожалуйста!!
0 votes6 answers -
Блок с округленными краями
Расскажите как верстать макеты, где есть закругления у блоков. Я пробывал делать таблицу 3x3 и в каждый угол вставлял край заугргленный %) не очень приятная работа. Может есть что то по проще, подскажите =)
0 votes7 answers -
Проблема с футером
Собственно друг попросил сверстать из шаблона сайт. Я раньше этим особо не занимался, но пообещал помочь. Решил верстать на <div> Футер должен быть внизу. Делал так: position: absolute; bottom:0px; Вот желаемый результат: http://uploaders.com.ua/pfiles/8298/Site_Materialy-page.jpg А вот что получилось - http://terahost.com.ua/onlystyling/index.php?type=materials CSS: http://terahost.com.ua/onlystyling/style.css Как избавиться от наезда футера? Что сделал неправильно? Какие ошибки в css? Помогите плз, замахался уже!
0 votes7 answers -
mso-ignore и другие mso- свойства
Обнаружил эти свойства, конкретно mso-ignore, документации на русском не нашел. Решил тут спросить перед англопоиском, кто нибудь знает?
0 votes1 answer -
Тени
Здравствуйте, возникла проблемка при работе с тенями. Вот css для div body{ background:#000; margin:0; } div.spell{ margin: 0 auto; background:#FFF; box-shadow: 0 0 120px white; /* Параметры тени */ -moz-box-shadow: 0 0 120px white; -webkit-box-shadow: 0 0 120px white; height: 2000px; width: 900px; } В IE всё отображается как надо, по бокам тени, с верху и с низу отступов нет, так что div стыкуется впритык. А вот в Opere 11.51 отступы снизу равны размеру тени, а сверху всё норм, тень невидна. Реально ли сделать без отступа снизу?
0 votes15 answers -
что это за фикс?
очень часто встречается фикс height: 1%; что это за фикс и когда он используется?
0 votes3 answers -
Выравнять в одной строке по левому краю и по правому краю
Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?
0 votes4 answers -
Вёрстка дивами
Всем привет. Пришел к Вам, ибо не знал куда податься =( Есть .psd файлик, я его порезал, всё как нужно и сверстал в табличном виде, отнёс преподу, он, гад такой, говорит, что таблицами уже никто не верстает, нужно только дивами. А я дивами не умею совсем... Вчера весь день проигрался, сделал, вроде бы всё работает, но не тут-то было...Открыл на большом мониторе и всё поплыло =( Ребята, помогите пожалуйста, сверстайте, очень прошу Вас. Ты тут гуру...
0 votes11 answers -
Помогите реализовать структуру
Вот не могу понять как правильно сделать. Есть таблица таблица Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом стобце, и сайдбар во втором столбце). А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы чтобы растягивались по высоте только белые ячейки? <!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" dir="ltr" lang="ru"> <head> <title>123</title> <meta http-equiv="Content-Type" content="text/html; ch…
0 votes18 answers -
таблицы+ ie7+ (chrome + FF)
Доброго времени суток. Задача следующая - сделать слой высотой {100% - 90px снизу - 90px сверху} Нужна стабильная работа под ie7 и дальше. http://www.beavers-net.narod.ru/primers/tableXie7.html Проблемы две - 1) ie7 ни за что на свете не желает делать врехнюю и нижние строки таблицы по 90px; 2) Chrome, FF3.6 не хотят отображать абсолютно позиционированный слой внутри релативной ячейки. Слой занимает в данном случае 100% от экрана и идет поверх всей таблицы. Про box-sizing помню.. но не знаю его эквивалента под ie Заранее спасибо. С уважением, Олег.
0 votes6 answers -
Прототип меню
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> <…
0 votes19 answers -
0 votes15 answers
-
Проблемы с позиционированием текста
Добрый день. Нуждаюсь в помощи/совете! В корне сайта (html) создал блок с позиционированием, написал в нем номер телефона и почту. На большом мониторе блок отображается нормально, а вот если зайти через смартфон то данный блок налазит на картинку и я никак не могу это изменить..., игрался с позиционированием (absolute, fixed, relativ и т.д.) но получаю на выходе либо прикрепленный блок к верхнему левому краю либо он налазит на картинку. Подскажите, что я делаю не так? Сам сайт: http://2metra.com/ Вот код который я прописал: Скрытый текст <style> .telefon { width: auto; height: auto; position: absolute; top: 75px; right: 200…
0 votes9 answers -
Помогите с подключением файлов видео
Нигде не могу найти исчерпывающую информацию, а очень нужно, о правильной организации видеогалереи, а именно меня интересует, Как грамотнее подгрузить файл с помощью или ? Или и то и другое? Можно ли сделать галерею универсальной, а именно, чтобы проигрывались файлы разных форматов, т.е. mpg, avi, wmv, mpeg, mpe, mov? Я так понимаю, вся хитрость в том, какой плагин подключать, а также возможность подгрузить плагин в случае его отсутствия у пользователя. Если это так, то как и какой подключать непонятно. Может нужен какой-нибудь скрипт в нагрузку? Подскажите, как быть?
0 votes2 answers -
Фоновое изображние в div со скролом
#contentprice { position: relative; width: 630px; height: 480px; background-color: black; border: 6px solid #fff; overflow: scroll; overflow-x: hidden; background: url(../img/price.jpg) no-repeat 0 0; } Div со скролом. Фоновое изображение высотой в 1000px. Когда начинаешь прокручивать скрол, то в Opere и им подобным изображение принимает fixed. Т.е. прокручивается сама информация, а фоновое изображение стоит на месте. В IE таких проблем нет. Как это можно решить?
0 votes2 answers -
Рамка вокруг flash
Здравствуйте! У меня проблема: http://zhivoyfest.ru/ Это тестовая страница - специально для форума сделал. Сверху flash-шапка с кодом <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="995" height="249"> <param name="movie" value="flash/top.swf"> <param name="bgcolor" value="#ff0033" /> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="opaque" /> <!--[if !IE]> <--> <o…
0 votes4 answers -
Сделал сайт
1-Ну вот сделал простенький сайт на хтмл. И что его просто на хостинг залить и все? 2-Как его обезопасить? 3-Зашел на сайт и увидел это И как мне так сделать?Спасибо заранее.
0 votes17 answers -
Справочники *.chm
Всем доброго времени суток! Такой вопрос: можно ли как-нибудь в справочнике сделать рабочую ссылку на другой справочник? Только чтоб она открывала справочник, а не предлагала его скачать. Если кто-что знает, подскажите пожалуйста.
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-