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
-
h1 и joomla
Все доброго времени суток ! грабля такая... в материале jooml-ы всталяю таблицу с текстом в <h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td><h1>Cвинина</h1></td> <td><h1>Курица</h1></td> <td><h1>Индейка</h1></td> </tr> </table> а на реале получаться <h2> ! - когда смотрю код в firebug.... и соотв для поисковиком это не есть гуд... может кто сталкивался ?
0 votes5 answers -
И снова позиционирование)
Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…
0 votes3 answers -
<table> <li>
Видел на сайте горизонтальное раскрывающееся меню, где, как я понял, используется <table> внутри <li>. Вот только не разобрал - со скриптом или без, но пока это не важно. Как вообще правильно использовать сию комбинацию и существуют ли какие-либо тонкости? Уж больно функционально-удобно такое меню, да и красиво. Просветите пожалуйста, если кто в курсе. Заранее благодарен. И параллельно ещё один вопрос - можно ли засунуть всю такую композицию в таблицу не используя div-ы? Я полагаю, что да, но...?.
0 votes4 answers -
Как сделать DIV-подвал НЕ фиксированной высоты
Нужно сделать подвал, прилепленный к низу страницы. Но есть особенность: подвал должен растягиваться по высоте в зависимости от контента. Во ВСЕХ найденных мною примерах верстки блочных подвалов, прилепленных к низу страницы, используются подвалы с заранее заданной высотой. А как быть, если высота заранее не известна? Вот пример на основе таблицы. <HTML> <BODY> <STYLE> html,body {height:100%;} </STYLE> <TABLE cellpadding=0 cellspacing=0 height=100% width=100%> <TR> <TD bgcolor=pink> Page content...<BR>111<BR>222<BR>333 </TD> </TR> <TR> <TD bgcolor=yellow id=footer style="height:…
0 votes4 answers -
Шаблон "ездит"
Есть сайт pohodkin.ru.Если перейти на форум то видно что главный блок немного увеличился,не смотря на присутствие фаербага ,так и не пойму почему такое происходит
0 votes11 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
div за курсором
Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.
0 votes10 answers -
Проблема с hover в mozilla FF
Всем привет! кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; colo…
0 votes11 answers -
Прошу советов по верстке меню (Joomla 1.5)
Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...
0 votes6 answers -
2 колонки див
в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head&…
0 votes4 answers -
CSS: альбомная ориентация при печати
Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…
0 votes2 answers -
Длинные слова растягивают td
Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…
0 votes11 answers -
помощь с выпадалкой
Проблема с выпадающим меню. Сам список прячется под следующим блоком. Вот так это все выглядит. <div id="menu" style="z-index: 10; position: relative;"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Контакт</a> <ul> <li><a href="#">Часы работы</a></li> <li><a href="#">Местоположение</a></li> <li><a href="#">Часы работы</a></li> <li&g…
0 votes1 answer -
Глюк со стилями
У меня возникла проблема, даже не знаю как объяснить... Вобщем, у меня на моём форуме почему-то работает файл со стилями, который я не прописывал в коде, точнее некоторые его стили используются на форуме, когда я не указывал этот файл когда выбирал стиль для форума, у меня там совершенно другой файл прописан, в котором нету, того, что у меня творится. Вот пример - http://spynetwork.clan.su/forum/2-162-1 там где цветной текст и ниже, где текст разного размера, текст почему-то становится синим и выделяется при наведении на него курсора как ссылка. Этого быть не должно, я не пойму, почему это происходит... Может кто-нибудь из вас знает, как решить этот вопрос?
0 votes10 answers -
Интересно
В разделе ЧаВо Отступ у картинки - 3 метод(line-height:0;). А разве нужно задавать тегу img? Я всегда думал что меж строчный интервал нужно задавать родителю. Ведь пробелы относятся к родителю, а не к картинке. Поправьте если чё.
0 votes3 answers -
div{display:inline;} в ие6
добрый день в ie6 дивы растягивают родительский див, хотя задана его ширина как можно исправить? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .d1{ width:300px !important; text-align:center; } .d1 div{ display:inline; margin:0 5px; font-size:40px; } </style> </head> <body> <div class="d1"> <div>123</div> <div>456</div> <div>78945345345345</di…
0 votes4 answers -
iframe height %
Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…
0 votes10 answers -
Закругленные уголки у таблицы
Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?
0 votes6 answers -
flash в Опере
При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/
0 votes3 answers -
Проблема с отображением на ipad
Всем привет, http://lassitertransportation.com/new/, выглядит ужасно на айпаде, айфоне. Хотелось бы пару советов, может какие то критичные ошибки в css или еще что, может какие то идеи в какую сторону мыслить. Буду премного благодарен.
0 votes5 answers -
Можно ли скрыть информацию от различных групп?
Мне интересно а можно ли каким либо образом скрыть любую информацию от пользователей различных групп!? например: я хочу чтоб ссылку :<li><a href="Url" >URl</a></li> видили только пользователи или только админы
0 votes8 answers -
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
Некорректное отображение в mozilla
Работал все хорошо во всех браузерах. Сейчас значит такая проблема. Отображается во всех браузерах хорошо кроме mozilla. На локальном компе тоже все хорошо. И только на удаленном все не так как надо, но только для mozilla. Что сделать? Подскажите, пожалуйста... Исправил, почистив кеш!
0 votes0 answers -
Нужен совет в позиционировани элементов
Нуждаюсь в советах как правильно (неимение ошибочно ) выполнить следующую задачу. Нужно отпозиционировать изображения и flash-анимации, так как они расположены на прикрепленном изображении. Полосы прокрутки нежелательны, очень не желательны. Почти все элементы являются ссылками меню (примеры: книжная полка - библиотека; рамка с фотографией - фотогалерея), есть флеш анимации с скриптом (гитара - музыкальное сопровождение вкл/выкл.; часы - "рабочий" маятник, показывают реальное время). При наведении на элемент\ссылку должна выпрыгиватьназвание\подсказка меню. Очень нуждаюсь в вашей помощи.
0 votes5 answers -
Не отображается стиль
Что делать если не отображается стиль главной страниц сайта? Вот так должна выглядеть страница: А вот так выглядитстраницы у меня на компьютере: Проверяла во всех браузерах (Opera, Mozila FireFox, Internet Explorer) везде одно и тоже. Советовали переустановить браузеры, это мне ничего не дало. Так же советовали искать проблему в Настройках браузеров... Я ещё не опытная, и не совсем понимаю какие настройкивообще должны быть в браузерах.
0 votes20 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-