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
-
изменение изображения при наведении курсора
собственно, вопрос в теме ) подскажите, пожалуйста, какой код написать в html, чтобы при наведении мыши изображение менялось на другое?
0 votes7 answers -
height:100% и min-height:100%
Привет всем. Возник вопросик по css. как реализовать блоки таким образом, чтобы основной блок имел высоту 100% (допустим блок 1) и вложенный в него блок 100% (блок 2). Все хорошо, но есть одна проблема, если блок 2 превышает высоту 100%, то основной (блок 1) остается с высотой 100% и min-height:100 не помогает. <!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="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>123</title> <style> body {margin:0; padding:0; h…
0 votes7 answers -
Нужно чтобы у div2 ширина была от div1 до div3
Есть три div'a: 1-й div - прилегает к левому краю; 3-й div - прилегает к правому краю; как сделать чтобы 2-й div был растянут от 1-го к 3-му div'у??
0 votes7 answers -
При использовании png.htc, в iE6 невозможно выделить текст
Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.
0 votes7 answers -
Background hover-ссылки
Хочется "дешего и сердито" оформить блок навигации, меняя фон hover ссылки, но в опере возникает проблемка: рядом с курсором вылазит индикатор загрузки, типа происходит загрузка графики, но на самом деле ничего не качается. И что характерно при кешировании графики данной проблемы не возникает. a:hover { background: url(nav_sel_bg.gif) repeat-x; } Если кто то может прокоментировать данную ситуацию, буду оч признателен.
0 votes7 answers -
Кроссбраузерность
Может тема уже поднималась-но не нашел. Интересует как на компе просматривать документ html в разных браузерах, например ие5 и ие6. Заранее спасибо.
0 votes7 answers -
Проблема со списком
Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка: в CSS прописано так: Сам код списка выглядит примерно так: Помогите плиз избавится от такого эффекта.
0 votes7 answers -
даже не знаю как обозват эту тему
Вобщем ситуация следующая: некий начинающий "веб мастер" работает над своим(сайт простенький, типа визитки) первым сайтом, работа идет медленно, но уверенно. И тут заказчик ему говорит, что хочет, чтобы его сайт в поисковых системах был на 1, ни или на 2 странице. "Веб-мастеру" оч хочется сказать, что сделать это не в его силах, по крайней мере в разумные сроки. Хочется спросить: правильно-ли мыслит "веб мастер"?
0 votes7 answers -
Как сделать?
Фон страницы неповторяющаяся картинка. Очень широкая. Чем больше экран, тем большая чать этой картинки видна. При этом контент всегда отпозиционирован по центру. Как такое сделать? И насколько удленит время загрузки страницы такой фон? Заранее, спасибо
0 votes7 answers -
position: fixed и обтекание текстом
указал для шапки сайта (она сверху) position: fixed. теперь надо сделать, чтобы прокручиваемый вниз текст не уходил под шапку (она полупрозрачная). домой пришел уставший и никак не могу сообразить...
0 votes7 answers -
Изменение размеров формы
Возможно ли где-то указать высоту формы?, ну высоту формы это наверное неправильное выражение, но все же поясню что я имел в виду: у меня есть табличка в одной из ее ячеек есть форма, а в ней соответственно всего лишь одна кнопка, но т.к. в эту ячейку я вписываю кнопку, то высота ячейки увеличивается. Возможно ли это как то исправить? вот кусок кода: <td align="center" class="ppp"> <form method="POST" action="<?php echo $uril; ?>"><button type="submit" name="logout">Выход</button></form> </td> Речь идет о меню, в шапке, и поэтому высота этой таблицы имеет значение. Заранее спасибо.
0 votes7 answers -
Изменить цвет фоновой картинки
Есть некий элемент, скорее всего inline - span или a, например. У этого элемента установлено два стиля. Первый задает фоновое изображение вдоль нижнего края. Изображение не сложное, пусть оно состоит из двух цветов: черный и прозрачный. Второй стиль должен задавать цвет изображения, заданного первым стилем. Это возможно?
0 votes7 answers -
Псевдо-резиновое меню
Дизайнер озадачил, необходимо реализовать меню по максимуму соответствующее макету: Верхнее меню - при максимальном разрешении, нижнее - при минимальном. С "резиновостью" вцелом проблем нет, проблема для меня заключается в сохранении одинакового расстояния между пунктами меню. т.е. как можно заставить тянуться только блоки с разделителями, причем равнозначно! Блоки с названиями пунктов меню должны по-идее "обжимать" содержимое, визуально не добавляя отступов разделителям.
0 votes7 answers -
Подскажите новичку, пожалуйста.
Здравствуйте. Недавно начал изучать: сначала HTML, затем CSS. Потом решил создать свой сайт, примерно вот как этот http://www.technoavia.ru Вроде бы все шло хорошо, но потом, когда попробовал открыть сайт при других разрешениях - ооооо, какой кошмар меня ожидал. Я так понимаю знаний HTML и CSS не хватает, чтобы сделать нормальный сайт. Подскажите пожалуйста, что мне нужно еще изучить, (и где), чтобы создавать сайты, такие как указано выше. Flash-анимацию и др. штучки применять не собираюсь. Заранее спасибо.
0 votes7 answers -
вопрос по форме
а как сделать, чтоб форма отображалась без батона, и при нажатии кнопки enter отправлялиьс на сервер заполненные в форму данные?
0 votes7 answers -
Border для Img
Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо
0 votes7 answers -
Позиционирование элементов внутри ячейки
Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр
0 votes7 answers -
Нужна помощь
Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 votes7 answers -
Background
Привет всем участникам форума! Помогите мне, пожалуйста, разобраться с одной дилеммой. При создании сайта я наложила дизайн (background) не слоями (как обычно это делают), а одним рисунком, затем отдельно контент и еще доп. рисунки. Получилось в общем-то неплохо только если просматривать его с разрешением 1280x1024, а если 800x600 то получается полное гавно (извините, но правда). Вопрос: Возможно ли этот рисунок, который background сделать по ширине экрана любого компьютера, с любым разрешением? Просьба: привести примеры с htmlкодом
0 votes7 answers -
Помогите с таблицей
Здраствуйте . Столкнулся с большой проблемой . Есть таблица width 200 гдето . В ней расположены блоки меню . Вопрос : можно ли как то зафиксировать эту таблицу чтобы она недвигаласть а двигался только шаблон ? Вот примерный скриншот Пример можно увидеть на сайте icondock.com там есть слева блок и он вообще недвигается . Очень очень нужно так сделать и мне. тольо без фреймов а как нибутьть подругому . Заранее всем огромно спасибо !
0 votes7 answers -
Проблемы с кодом.
Есть такой код <!--Сделано в CatsHtml--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <body> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Мой сайт</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; t…
0 votes7 answers -
Всплывающее окно
есть сайт http://www.wildberries.ru/catalog/120/men.aspx если нажать на любую фоту одежды откроется всплывающее окно (как я понимаю это ява скрипт): Два вопроса: 1) индексируются ли такие страницы поисковиками 2) как такую красоту сделать? пожалуйста подскажите
0 votes7 answers -
Опять раздвигается таблица или крик о помощи
Добрый день, я замучался с таблицами которые разезжаются как хотят. Возмождно специалист по HTML подскажет мне решение. Есть текст с картинками, если картинке сделать выравнивание по левому краю, то текст пытается влезть справа и раздвигает таблицу (у меня фиксированная ширина должна быть). Как заставить браузер понять что НЕ нужно раздвигать таблицу, а вывести текст по картинкой. Вариант поставить варавнивание по верху - не подходит, Так как у меня проблема у меня в разделе новости а они отображаются в "широкой" таблице (полный текст) и в "узкой" (на главной Интротекст+сжатие картинок), и если поставить варавние по верху то в широкой части будут пробелы огромные рядом …
0 votes7 answers -
Рамка в трехколоночном макете
http://soundtrack.org.ua CSS: #tr { border-top: 1px solid #ccc; clear: both; padding: 10px 0 0; width: 892px; } #col1, #col2, #col3 { float: left; } #col1 { border-right: 1px solid #ccc; padding: 0 10px 0 0; width: 180px; } #col2 { padding: 0 10px 0 10px; width: 490px; } #col3 { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 180px; } Как сделать, чтобы правая и левая рамка тянулась по всей высоте соответственно левой и правой колонки?
0 votes7 answers -
Отцентровка divа по центру страницы
Хочу сделать на сайте бар с загрузкой все вроде получилось а вот с позиционированием diva в css проблема. Написал такой код он все отфильтровывает но если появляется скролл то и проскролить страницу в низ то бар остается где то в вверху не как не могу добиться от центровки по всей странице <style type="text/css"> #contentLoading { position:absolute; top:50%; left:50%; width:220px; height:20px; margin-left:-125px; margin-top:-100px; z-index:1000; } </style> <!-- в этом диве просто лежит картинка и я ее показываю при загрузке а как загрузится я ее убираю --> <div id="contentLoading"><img src="loader.gif"></div>
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-