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
29542 questions in this forum
-
выровнять div-блок по центру монитора
div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?
0 votes4 answers -
Вопрос С Гуру
Вопрос к гуру. Существует ли решение? Нужно выровнять весь блок по горизонтали. <div> <div style="float: left;">1</div> <div style="float: left;">2</div> <div style="float: left;">3</div> <div style="float: left;">4</div> <div style="float: left;">5</div> <div style="float: left;">6</div> <div style="float: left;">7</div> <div style="float: left;">8</div> </div>
0 votes4 answers -
Подскажите Как Поменять Настройки Чтобы Читался Шрифт
Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…
0 votes4 answers -
В Ie Список Сползает
Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_men…
0 votes4 answers -
Проблемы С Передачей Данных В Html Коде Через Кнопку Submit
Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...
0 votes4 answers -
Ie6 + Xp
Делаю сайт. В написание кода не силен, делаю по образу и подобию . У меня на сайте появилась страница http://www.aquapage.ru/eretmodus_cyanostictus.html причем одна (остальные отображаются нормально) у которой под меню пропуск текста на пол страницы. И именно в таком соотношении IE6 + XP, в Opera и IE7 отображается нормально. Код у нее такой же как и у остальных страниц (я отличий не нашел) в чем может быть проблема? Подскажите, кто знает. Желательно не переписывать CSS, а исправить ручками на странице. Спасибо.
0 votes4 answers -
Интернет Эксплорер Не Слушаеться
У меня следующая проблема: Мне нужно сверстать таблицу,вот такую : но меня мучает одна проблема,видите наверху слева где.бекраундом вставлена картинка,а таблица в Интернете Эксплорере нехочет,чтобы эта картинка прижималась к верхнему бортику и в результате получаеться ОТСТУП,который я Просто не в состоянии убрать.чё тока я уже не пробовал...Помогите пожалуйста решить проблему,вот например в Мазиле всё Отлично,нету никаких отступов,а проблема именно в ИЕ Вот код : <!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=…
0 votes4 answers -
Расстягивание Бэкграунда По Вертикали
На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.
0 votes4 answers -
Изменить Вид Курсора Во Время Загрузки Скрипта
У меня на сайте долго подгружается один сторонний скрипт. В это время курсор приобретает вид progress - стрелка с весами. Возможно ли сделать так, чтобы в это время. курсор не приобрелал такой вид, а был бы таким как обычно?
0 votes4 answers -
comments-popup.php в Wordpress
Я только могу предположить, что нужен для формирования всплывающих комментариев - сужу из названия. Для чего конкретно он нужен и когда именно он используется?
0 votes4 answers -
Формы не слушаюсться
У меня следуюая проблема: У меня есть таблица Шириной: 193px, Длиной: 337px, моя задача разместить там следующие формы: Я сделал таблицу,а в ней 7 строчек.для каждой формы,но Проблема в ттом,что в Интернете Эксплорере Эти формы не хотят прилегать к друг-другу,тоесть всякие padding и margin ваще не действуют,тока слева.а МНЕ НАДА,чтобы сверху например 4-ая форма прилегала в плотную к 3-ей,в Файрфоксе получаеться,а в Ин-те Эксплорере НЕТ..Видите на картинке из-за этого даже таблица растягиваеться вниз и появляеться бекраунд снова.. а вот мой код: <table valign=top border=1 width="193" height="337" cellpadding="0" cellspacing="0"> <tr><td style="background-im…
0 votes4 answers -
Картинки в таблицах - загружаются, но не всегда
Вот сделал один сайтик, есть разделы с картинками, которые я в ячейки таблицы заключал, но вот иногда просиходит так, что не все картинки загружаются или пытаются подгрузится но бесконечно долго, хоть так и не всегда, но случается, интернет стабильный и быстрый. Что тут сделать дабы с гарантом загружалось всё?
0 votes4 answers -
Привязка
Здравствуйте! Подскажите пожалуйста, как сделать привязку поля текста к картинке. Когда я выравниваю картинку по центру, Textarea остается на месте, а выровнять её по центру нельзя, т.к. она находиттся левее центра. Заранее благодарен. Вот сайт, если понадобится: www.unoforte.narod.ru
0 votes4 answers -
IE :(
Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/
0 votes4 answers -
overflow в Firefox
Я делаю список вида: <div id="container"> <div class="divitem">item1</div> <div class="divitem">item2</div> <div class="divitem">item3</div> <div class="divitem">item4</div> <div class="divitem">item5</div> <div class="divitem">item6</div> </div> Затем делаю его ограниченным в размерах и скроллируемым только по вертикали: #container { height:80px; border:1px solid; width:100px; overflow-x:visible; overflow-y:auto; } Проблема: С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7: В Firefox #container …
0 votes4 answers -
IE vs FF
На этом сайте высоту левой и правой колонки IE отображает не так как FF и Opera. Почему? А написанно так: <td valign="top" width="130" height="440" ><!--//левые обновления-->
0 votes4 answers -
Параметры onClick, onMouse в тегах TR, INPUT
Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь
0 votes4 answers -
как: фотки-ссылки были обведены рамкой
хотел сделать на своей хтмл страничке что бы фотки-ссылки были обведены рамкой и рамка меняла цвет при наведении мыши. нашел сайт где так сделано. там был в теге <head> такой код: <STYLE TYPE="text/css"> <!-- a:hover { color: #0000CC} A .aimage{border: 1px solid; border-color: #000000} A:hover .aimage{border: #FFFFFF 1px solid} --> </STYLE> добавил я это код в <head> на своею страничку. в фаерфоксе2 - заработало, а больше нигде. однко та страничка откуда я брал код все делает как надо и во всех броузерах! как такое может быть ? ну не копипейстилка же потеряла код... подскажите где ошибка ?
0 votes4 answers -
Ширина в safari и chrome
столкнулся с такой проблемой, мает сайта построен на таблицах, ширина центрального блока 100% левый и праывй фиксированны, во всех браузерах кроме safaari и нового chrome отбражается нормально, а в них не растягивается на весь экран, как можно решить эту проблему, подскажите)
0 votes4 answers -
Пропадает background div элемента в ie 6.0
Всем привет Пропадает background div элемента в ie 6.0, уже не знаю что делать. Причем back не png файл, а обыкновенный jpg. В Firefox и ie 7.0 все нормально показывается. Может подскажите в чем дело? Сайт находится по адресу http://apex.fram.com.ua/test/ на главной странице под словом акции должен быть back.
0 votes4 answers -
Ссылки
Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку? А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> </title> <style type="text/css"> <!-- body { background: #cff; margin: 0; padding: 0; } #list { float: left; width: 200px; background: #f36; } #content { margin-left: 230px; background: #f0c; } #container #list ul { margin: 0; padding: 0; } #container #list …
0 votes4 answers -
рамка вокруг изображения
Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!
0 votes4 answers -
Postition absolute IE6 для em
Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…
0 votes4 answers -
Подскажите, пожалуйста
Подскажите, пожалуйста, возможно ли при помощи стилевого псевдоэлемента first-letter или какого-либо другого элемента в словаре (не разбивая словарь на страницы) для каждого абзаца, начинающегося на букву «а» задавать цвет первой буквы, например «красный», а для каждого абзаца начинающегося на букву «б» задавать цвет первой буквы, например «синий» и т.д. Или это возможно только сделать, задавая цвет для каждой первой буквы в отдельности.
0 votes4 answers -
Аналог CSS атрибута align
Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-