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
-
Предзагрузчик картинок
С Наступающим вэбмастеры у меня к вам есть вопрос. У меня на ссылке стоит изображение(прописано в стилях), при наведении мышкой на область изображение в стиле меняется, но вот дилема, секунду или 2 оно просто загружается, прям как бельмо на глазу. Я видел здесь такую тему и не забил в закладки и теперь вот не могу найти, форумчане помогите пожалуйста. Спасибо за внимание.
0 votes8 answers -
table vs div+scc
Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?
0 votes34 answers -
фиксирование нижней части
есть 3 колонки первый и 3 узкие а по середине как лист а4. я хочу фиксировать нижнюю часть , часть футер так чтоб не смещалась независимо от того если текст в среднем секторе или нет. так как футер иногда смещаеться чисто на среднюю часть когда текста мало . height: 100% не помогает #footer { margin-top: 10px; height: 37px; width: 100%; min-width: 1150px; background: url(images/18.png); } #copyright { height: 36px; line-height: 36px; width: 385px; background: url(images/19.png); margin: avto; color: #2b2b2b; } а вот html код <div id="footer"> <div id="copyright">Copyright MyCorp © 2010 | VOSKAN</div> </div>
0 votes7 answers -
INLINE
В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…
0 votes10 answers -
Отмена стандартной обработки CSS
Есть меню на базе Div с использованием .hover однако после однократного посещения элемента DIV при последующих наведениях курсора на элемент он перестает обрабатываться .hover как сделать, чтобы браузер не ставил на элемент признак .visited (о котором его (браузер) собственно никто не просил) или восстановить значение элемента как unvisited ?
0 votes5 answers -
Пресечение обновления
Итак, имеется input типа submit, при нажатии на который происходят некоторые javascript действия. Проблема в том, что после нажатия кнопки начинается обновление страницы, и нужные действия не успевают произойти. Как пресечь это обновление?
0 votes5 answers -
Фон
Подскажите что-нибудь?)
0 votes1 answer -
Проблема с img
доброго времени суток, у меня возникла проблема с тегами имг, по вертикали все нормально сходится а вот по горизонтали нет, вот код <table align="center"> <img src="/design/main.jpg"> <img src="/design/forum.jpg"> <img src="/design/logo_footer.jpg"> <img src="/design/mypage.jpg"> <img src="/design/about.jpg"> </table> все перебровал уже и в таблицу запихивал, и рулс на нон ставил
0 votes6 answers -
Можно ли табы (пример по ссылке) заставить работать в IE6 как в других браузерах?
Вот пример табов: http://intera.name/test/tabs/tabs.htm Везде работает, в IE6 кривовато. Перепробовал разные варианты комбинации стилей, почистил !important Подправил скрипт, он на активный таб теперь дает класс "ui-tabs-selected", а на обычный - "myui" На картинке нарисовал принцип работы. Поможите!
0 votes2 answers -
Непонятный здоровый отступ между строк
В общем есть список li фиксированной высоты, который находится в блоке фиксированный ширины. Список должен быть в 2 пункта в строке. В общем выкладываю свою верстку: http://rghost.ru/3806257 Необходимо, чтобы текст всегда был по центру по вертикали, но он может быть как в несколько строк, так и в одну. Я сделал это по какому-то тутору, но почему-то когда текст в одну строку - все хорошо, а когда в две - создается между строками большой отступ. Помогите плиз убрать это непонятное расстояние.
0 votes5 answers -
IE и слои
Делаю всплывающее меню, в опере и лисе нормально отображается, в IE видны границы и текст поверх всплывающего окна. Подскажите как исправить.
0 votes3 answers -
Снова перекрытие, но уже ячейками таблицы
Ссылка Посмотрите на надписи под колесами - в IE они обрезаются слева Мне нужно было выровнять колесики с подписями по нижнему краю, не нашел другого нормального способа, кроме как табличкой. Тут фигня в том, что подписи тоже относительно картинок выравнивать. вот из-за отрицательных маргинов и обрезается Как избежать?
0 votes5 answers -
проблема с ИЕ
Подскажите, пожалуйста, в чем может быть проблема. В браузерах: Мозила, Сафари, опера, хром - все ок. А в ИЕ7 и ИЕ 8 сайт (а вернее страница, так как на всех остальных страницах сайт выравнивается) падает. Вот страница www*7kontinentov*com/ru/catalog/newscaf. Заранее спасибо. :
0 votes4 answers -
Перекрытие абсолюта
Вот страничка: тынц Про дизайн ничего не говорите - что дали, то и верстаю Картинки - тоже черновые. Вопрос в следующем: почему кружок логотипа и выпадающее меню (о проекте) перекрывается нижней границей родительского элемента? Только в IE (проверял в седьмом). Overflow там не задан.
0 votes11 answers -
Как вытянуть блок?
Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…
0 votes1 answer -
Как красиво записать свойство селектора
вот код #head {width: 902px; height: 131px; margin: 0 auto; border-left: 1px solid #979c98; border-right: 1px solid #979c98; background: #d9e2da как сократить
0 votes12 answers -
Ошибка в коде или Firefox глючит?
Всем привет. Подскажите пожалуйста в чем может быть проблема, браузер Лисичка глючно выводит фоновую картинку, а IE7 нормально и без глюков? Если убрать Center то тогда без глюков в Лисе будет. Казалось бы ничего лишнего, а глючит. Так же пробовал вообще все лишние Теги убирать, методом тыка, не помогает, только этот Center или top или 50% 50% (любая аналогия) у Лисы вызывает искажения. Вот html: <head> <title>Music Portal</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript"></script> </head> <body> </body> Вот CSS: html { margin: 0; padding: 0; } body { background: …
0 votes3 answers -
Элементы форм
всем привет! может быть вопрос будет поставлен не правельно или глупо выгледеть, я недавно сел за веб-програминг и меня сразу заинтересовала такая вещь: как такому элементу формы как кнопка или например поле ввода придать свой собственный вид...я имею ввиду например чтоб вместо стандартной квадратной кнопки была моя лично нарисовананя...тоже самое и с полями ввода...заранее спасибо
0 votes2 answers -
Центрирование или нет сам не пойму
Сайтец: опа До этого вместо flashки была просто картинка, через css background top center, нижний прокрутки не было. Вставил flashку, появилась полоса прокрутки + что-то мне подсказывает, что отцентрировал я не правильно. Как заставить flash вести себя как background? Сейчас сделал через position:absolute;z-index:5. Всем остальным элементам position: relative; z-index: 10.
0 votes6 answers -
FF со встроенным ИЕ
Добрый день. Возникла одна проблема с отображением страницы В ФФ где есть встроенный Ие изменяется все ( на данной картинки размер всплывающего окна и появляется ненужная полоска внизу - отмечено ) но когда открываешь не встроенный ИЕ а скажем так "обыкновенный" то все как надо, также и в "обыкновенном" ФФ. Так вот в чем может быть проблема и стоит ли решать эту проблему или может пользователи браузеров ФФ не пользуются встроенным браузером Ие? Могу дать код страницы. А так же вот скрины Ие встроенный в ФФ http://imm.io/2MAT Просто ИЕ http://imm.io/2MAU ФФ http://imm.io/2MB3
0 votes4 answers -
Последовательность загрузки изображений
у меня такая проблема: на сайте давольно много графики (разных картинок), и хотелось бы, чтобы они загружались последовательно (в каком-нить заданом порядке). подскажите пожалуйста, возможно ли так сделать? если да, то как?
0 votes2 answers -
Как реализовать гориз. выпад. меню на css (см. пример)
Как реализовать такое меню как тут: http://www.mozilla-europe.org/ru/firefox/ Там не используются скрипты, только css, такое мне и нужно
0 votes1 answer -
Несколько классов у тэга?
По субжу, можно ли IE6 обучить такой магией? p/s: у меня шо то не хотит понимать!
0 votes15 answers -
Верстка div
Здравствуйте! Только начал осваивать CSS, и никак не могу понять одну вещь в дивовой верстке. На одном сайте увидел пример: <div style="background:#A485B8;">1<br>text</div> <div style="position:relative;" id="dopoln_block"> <div style="background:#66AAD7; width:200px; position: absolute; top:10px; left:10px;">2<br>текст</div> </div> <div style="background:#C6C600;">3<br>содержимое</div> Здесь вводится дополнительный блок <div style="position:relative;" id="dopoln_block">. Собственно вопрос - зачем? На форуме данного сайта ответа не было. Если убрать этот блок "2 Текст" съезжает наверх. Можно привести …
0 votes2 answers -
Закругление textarea && text
Вот ищу сейчас в гугле и на этом сайте и везде информация о закруглении дивов или картинок. А можно как нить закруглить поля для ввода ? Это text и textarea.
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-