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
-
конфликт карусели и флеша
Здравствуйте, у меня проблема. Сделала на сайте карусель, все было хорошо, пока не вставили в эту страницу флеш. Карусель стала тормозить. Пробовала другие карусели - тоже тормозят. Не знаю даже, что и делать... Может проблема во флеше, не знаю как устранить так как во флеше не разбираюсь. Подскажите, пожалуйста!... Вот эта страница www.simco.kz
0 votes5 answers -
поменять блоки местами
Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…
0 votes5 answers -
Div верстка (высота и фон)
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…
0 votes5 answers -
2 изображения в фоне сайта
Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.
0 votes5 answers -
Как можно изменять ширину слоя для разных страниц?
Есть несколько страниц. Необходимо изменять ширину cont_col0, cont_col1, cont_col2 от странице к странице. <div id="content_top"></div> <div id="content"> <div id="cont_col0">колонка 0</div> <div id="cont_col1">колонка 1</div> <div id="cont_col2">колонка 2</div> </div> <div id="content_bottom"></div> #all_content{width: 1000px; margin-left: auto; margin-right: auto; margin-top:8px;} #content_top{height: 10px;width: 1000px;} #cont_col0{ width: 200px; /*<--*/ margin-left: 6px; padding-left:5px; float:left; } #cont_col1{ width: 360px;/*<--*/ margin-left: 5px; padding-left:10px; f…
0 votes5 answers -
Убрать поле для скрола в TEXTAREA
Здравствуйте! Скажите как убрать или прописать в стилях для того что бы скрыть поле для прокрутки, которое расположено справа в TEXTAREA: <form> <textarea rows="10" cols="45" name="text"></textarea> </form>
0 votes5 answers -
Google "не знает" или как я не нашел ответа.
Друзья, доброго времени суток! Возникла проблема в изменеи шрифтов и их размера, а так же - как изменить положение на страничке какого либо "слова" или "окошка" (а конкретней - как задать расположение на странице "поиск и около него окошка"? И как построить или создать рамку, чтобы в ней находилмся например уже созданый календарь или Мини чат. Вот адрес http://el-music.do.am/
0 votes5 answers -
Проблема с тянущимися блоками
Не получается поместить в один контейнер блоки, чтоб правый блок всплывал справа. Надо, чтоб левый тянулся а правый был фиксированной ширины а получается, что текст вытисняет и правый блок и он оказывается снизу. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .Block_Top{ width:100%;} .Block_Top_left{ float:left; background:red;} .Block_Top_right{ float:right; background:#00FF00; width:332px;} </style> </head> <body> <div class="Block_T…
0 votes5 answers -
Проблема с IE 8.
Когда я вставляю этот код: <td><a href="/forum/51" ><img src="images/head_10.gif" width="70" height="58" alt="" ></a></td> В Опере картинка не выделяется синей рамкой. А в IE 8 выделяестя.Что делать?
0 votes5 answers -
добавление видео на сайт
как сделать сайт типа youtube ,так что бы пользователи могли размещать свои ролики на нем,дайте кто может свои ссылки на то, что почитать по теме.спасибо.
0 votes5 answers -
Не работает <map> в XHTML 1.1
Потребовалось сделать карту-изображение... вот код: <img src="images/header.gif" width="999" height="222" alt="" usemap="#header_map" /> <map name="header_map"> <area shape="rect" coords="78,45,312,119" href="#" alt="" /> <area shape="poly" coords="670,87,719,78,727,123,677,130" href="#" alt="" /> <area shape="poly" coords="776,124,818,152,793,189,751,160" href="#" alt="" /> <area shape="poly" coords="834,52,885,61,878,105,828,96" href="#" alt="" /> </map> Так как использую XHTML 1.1, то код в этом виде не проходит валидацию. Для валидации убираю "#" из usemap и меняю "name" на id, как это требует стандарт. Результат: ни в одном …
0 votes5 answers -
Подскажите как избавиться от ошибочки
Людии подскажите пожалуйста как исправить ошибку в jboard-3? При одобрении объявлений в админке выдаёт вверху такую ошибку и при удалении пользователем из блокнота выбраных объявлений тоже самое: Notice: Array to string conversion in /home/каталог/public_html/сайт.ru/admin/ conf.php on line 1565 Warning: Cannot modify header information - headers already sent by (output started at /home/каталог/public_html/сайт.ru/admin/ conf.php:1565) in /home/каталог/public_html/сайт.ru/admin/ conf.php on line 1577 Вроде всё работает нормалёк и объявления даже с этой ошибкой модерируются, но всётаки хотелось бы от неё избавиться.. в файле conf.php строка 1565: if(is_utf8($arr[$n]))$ar…
0 votes5 answers -
Убрать перенос у таблицы
Есть несколько баннеров,которые идут в одну строчку.Один баннер сделан из таблицы,поэтому перескакивает на следующую строчку.Как сделать,чтоб работало нормально.
0 votes5 answers -
Скрытие и отображение части web-страницы
Добрый вечер. Подскажите пожалуйста скрипт или метод для того, чтобы по нажатию на (допустим дату) появлялись события за этот день, т.е. что-то вроде аккордеона,как в меню используется, но только применительно к части веб-странице, а не ссылки. Пример: 10_01_2010 - нажали - выехал снизу кусок текста с табличкой и т.д. со своими внутренними ссылками. 11_01_2010 -нажали - старое спряталось и выехал новый текст со своими ссылками внутри.. и т.д. В общем получилось реализовать с помощью вложенности <ul> и <li> , но ссылки внутри той части которая скрывается/отображается (т.е. внутри <li>) не работают (просто не нажимаются)
0 votes5 answers -
0 votes5 answers
-
Подскажите
Как лучше обозначать размеры слоев в процентах или пикселах? А то я обозначаю в процентах а он как-будто принимает их в пикселах! Если что я читал раздел Верстки там не нашел!
0 votes5 answers -
Вопрос:Как облегчить добавление новых ссылок на сайт?
Здравствуйте! Вы не подскажете как мне для своего сайта можно автоматизировать добавление новых гиперссылок. Поясню: у меня есть гиперссылки "Афоризмы", "Анекдоты", "Видео", "Фото", "Истории". В разделе "Анекдоты" у меня , к примеру, 100 страниц. Я запускаю новый раздел "Гостевая книга". И мне необходимо, чтобы этот раздел появился на всех страницах сайта. Понятное дело, что это крайне трудоёмко проделать вручную. Для сайта создана таблица стилей CSS. Все разделы ("Афоризмы", "Анекдоты", "Видео", "Фото", "Истории") помещены в блок под названием "Content". Вопрос: возможно ли в таблице стилей для блока "Content" указать такие параметры, что строка на обычной странице, кото…
0 votes5 answers -
Странное отображение вложенных контейнеров
По чему то внутренние контейнеры вылазят за пределы внешних, не "растягивая" их. От чего это и как исправить? Исходники тута
0 votes5 answers -
Слои дополняющию 100% ширины
Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна? <div id="menu"> </div> <div id="text"> </div> <div id="images"> </div> #menu{ position:relative; padding-top:150px; padding-right:50px; text-align:right; float:right; } #text{ position:relative; padding-right:20px; padding-left: 20px; text-align:right; width:auto; float:right; } #images{ position:relative; width:200px; float:right; } слой text должен дополнять, но не авто, не 100% не помогают.
0 votes5 answers -
Конфликт float и блоков
Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="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="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <…
0 votes5 answers -
Помогите исправить строки
На сайте http://pocciy.ru/ Фраза стоит так. "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" А должна так "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" Это должно быть на одной строчке "Наш Храм-Русская Земля!" а не так "Наш Храм-Русская Земля!" В чем дело помогите, я понять не могу????
0 votes5 answers -
scrollbar, вывести наверху
при overflow: auto скроллбар появляется внизу. можно ли его как-нибудь продублировать наверху?
0 votes5 answers -
Закругление углов посредством CSS + hover: как?
Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…
0 votes5 answers -
Футер в каждой ячейке таблицы
Добрый день. Есть большая проблема, которая застопорила весь процесс работы. Существует таблица в 2 колонки с border-spacing: 5px; (cellpadding="5") Каждой td задана граница 1px В итоге получается некое подобие сетки по 2 блока одинаковой высоты в каждой строке. Соответственно, блоки в одной строке тянутся по высоте блока, имеющего максимальную высоту. Ниже пример одной из строк Количество текста в каждом блоке - неизвестно, по высоте - резина. В каждой ячейке может присутствовать блок дополнительных ссылок. Важно: их может и не быть. Т.е. например, в левом блоке они есть, а в правом - нет. Проблема заключается в том, что очень нужно, чтобы эти блоки ссылок ВСЕГДА распо…
0 votes5 answers -
И снова о 100% высоте дивов и подвале снизу.
День добрый. Вот решил у знающих людей поинтересоваться вот такой проблемой. Сразу скажу что прочел тему "Верстка div-ми. Как быть с подвалом?", поглядел макеты которые там приводились по ссылкам. Взял на заметку данный макет http://vk.osvita.org.ua/footer.htm В данном макете в принципе все хорошо, но вот хотелось бы чтобы Sidebar и Mainbar разтягивались до Footer. Вот привожу свой код. В принципе в IE и в Opere он работает так как мне нада, но в FF3.6. работает не так как хотелось бы. Файл index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-