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
-
Помогите плз
Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. html <!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=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…
0 votes2 answers -
не работает ссылка
Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть
0 votes3 answers -
Опять выпадающее меню
Выручите /* удалил урл */ Вот тут на подменю нажать не получается, потому что оно пропадает. А на главной странице оно вообще не появляется. Вёрстка не моя. _http://sko.10401.aqq.ru/ Вот это я делал, здесь меню сделано точно так же - и работает. Где собака зарыта о_О?
0 votes10 answers -
создание меню
привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.
0 votes4 answers -
Всплывающее меню
У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…
0 votes17 answers -
позиционирование в CSS
Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??
0 votes2 answers -
Подсказки в форме
Добрый вечер, хочу научится делать подсказки на форме ввода данных. Чтобы как в поисковиках, начинаешь вводить слово потом появляется (серым цветом) возможное его продолжение. Заранее спасибо!
0 votes3 answers -
Картинка валидации
Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы
0 votes1 answer -
подчеркивание текста
народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?
0 votes3 answers -
Не пойму почему создается оступ
Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.
0 votes12 answers -
Div background repeat-y
Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…
0 votes9 answers -
Прозрачная картинка...
В продолжение этой темы... Выключаю все слои, кроме того, что с нужной прозрач. картинкой (он серый и прозрачный), выделяю прямоугольным выделением, копирую с содержимым, вставляю в новый документ и сохраняю для Web и устройств в PNG... В итоге получаю непрозрачную картинку!! ( Что не так?? Как же добиться прозрачности??
0 votes28 answers -
Резиновая верстка в 3 колонки
Можно-ли и как реализовать резиновую верстку блоками в 3 колонки, с условием, что если удалили 3 колонку, вторая тянется до правого поля броузера.
0 votes18 answers -
Фиксация заголовка таблицы при прокрутке
Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?
0 votes10 answers -
Почти меню, при наведении на блок, показывает другой блок
Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!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"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …
0 votes21 answers -
Проблема с версткой div
Подскажите как исправить ошибку в верстке. Собственно вот линк _http://coldafan.ucoz.ru/. Нужно, чтоб блок с контентом не растягивался вместе с левым столбцом (блоки меню). А если перейти в "полную новость", то блок не растягивается. Как исправить?
0 votes10 answers -
Резкая прокрутка вверх в Opera
Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?
0 votes1 answer -
помогите передвинуть модуль
используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля
0 votes4 answers -
как добавить див через :before for ie6?
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…
0 votes6 answers -
Кодировка ANSI в Dreamweaver.
Здравствуйте. Подскажите... При открытии php файла(в ansi кодировке) в Dreamweaver'е, кирилица отображается кракозябрами, в настройках Dreamweaver'a ansi нет, а нужна именно она, можно их как-нибудь пожружить?
0 votes4 answers -
import css
Какая разница между двумя импортом файла CSS? Абсолютные и относительные ссылки доступны в первом и втором, тогда зачем два импорта? 1) @import url("имя файла") типы носителей; 2) @import "имя файла" типы носителей;
0 votes3 answers -
Меню сайта
Выкладывание заражённой ссылки.
0 votes1 answer -
при наведении на ссылку
сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)
0 votes10 answers -
Селектор color
Цитирую строку из курса CSS на данном сайте: -Например, для color, который устанавливает цвет текста, в качестве значений недопустимо использовать числа. Разве это правильно?
0 votes2 answers -
Выравнивание содержимого блока DIV по вертикали
Всем привет! Допустим, имеется блок div со следующим описанием: <div style=" border: 1px solid black; height: 200px; width: 100px;">Text </div> Если добавить этот код в HTML документ, то получим контейнер 100px*200px с текстом "Text". Какой атрибут CSS нужно добавить к описанию стиля DIV, чтобы выравнять Text по вертикали по центру нашего контейнера? Да и существует ли такой атрибут? Заранее спасибо за помощь!
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-