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
-
не могу поставить блоки по середине сайта
на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…
0 votes4 answers -
Вопрос по overflow: scroll
Нужно сделать как тут. Я имею ввиду именно это так скажем "внутреннее окошко". Там оно сделано на фреймах, хотелось бы блочными элементами сделать тоже самое. Попробовал с overflow: scroll, но скролится по вертикали. Смотреть Попробовал добавить float:left; для первого изображения, но ничего не изменилось. Смотреть с float:left Помогите пожалуйста
0 votes8 answers -
Проблемища при масштабировании
При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!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> <style> h…
0 votes21 answers -
Помогите разобраться с margin
Собственно только начал осваивать верстку и сразу попал в тупик с выравниванием блоков. Я хочу чтобы внутрение блоки имели отступы между собой и от границы родительского блока. Покажу лучше на примере. Вот что нужно: И вот что имею: Если задать padding родительскому блоку(класс item_list) то отступ от границ получиться margin + padding. Сам код: <!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> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="t…
0 votes7 answers -
Анализ одного ключевого слова
Анализ ключевого слова "Усилитель сотового сигнала" Я стал заниматься анализом сайта 1 места по данному запросу выдачи Яндекса и увидел интересную хтуку Забил в поисковую строку домен сайта полный путь и наткнулся на вот что http://nakomp.com/search/icq+7.2+3525.html УСКОРИТЕЛЬ КОМПЬЮТЕРОВ И ИНТЕРНЕТА UltraFast PC - сверхэффективный ускоритель, разработанный под систему Windows и любой тип интернет-соединения. Ваш компьютер будет работать как новый! Увеличение производительности компьютера! Значительное ускорение загрузки Интернет-страниц, фотографий и файлов! Эффективность проверена тестами. Рекомендуем! скачать_______ При этом после слов найденные файлы стояли ссылки на…
0 votes2 answers -
Щелчек по свободному полю -> переход по ссылке
Всем привет, Уважаемые форумчане, прошу Вашей помощи в решении такого вопроса: Создал сайт на джумле, менюшки, ествественно, гененируются автоматически и на выходе получается вот такой код: <ul class="menu"> <li id="item-105"><a href="/index.php/kamaz" >камаз</a></li> <li id="item-106"><a href="/index.php/maz" >маз</a></li> <li id="item-107"><a href="/index.php/paz" >паз</a> <li id="item-109"><a href="/index.php/uaz" >уаз</a></li> <li id="item-110"><a href="/index.php/ural" >урал</a></li> <li id="item-111"><a href="/index.php/yazda" >язда&l…
0 votes2 answers -
body{display:table}
не шарю я это!!!! может есть примеры у вас что это за ужос....!! это вроде связано з фоном????
0 votes10 answers -
Фон сайта
Друзья! У меня есть свой сайт, пишу в html, но тут столкнулся с проблемой: хочу сделать фон сайту картинкой, делаю, но у меня контент сайта тоесть где написан текст, тоже становится прозрачным и становится ка картинка. Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем? вот код: <HTML> <TITLE>Всё о цветах</TITLE> </HEAD> <body> > <center> <TABLE width="750"border="1"> <TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF"> <img src="sait.jpg"> </TH> </TR> <TR> <THEAD> <TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decor…
0 votes17 answers -
помогите у блога двигается тело
У блога в блоггере двигается всё содержание, во время загрузки, на любом разрешении монитора. Во время загрузки появляется шапка, затем когда загружаются темы - вся страница смещается где-то на 20 пкс влево, можете сами посмотреть если не внятно объясняю bllo net Я подозреваю что виноват рисунок слева в углу сверху, в виде узора. И когда он загружается бразуер равняет по центру шаблон, можно это как то исправить? я пробовал убрать параметр center у #page чтобы не центровало, работает правильно только на одном разрешении, если менять размер окна или разрешение всё содержание выходит из границ
0 votes9 answers -
Расстояние пунктов меню (Linear)
здравствуйте, у меня проблема с выделением пунктов меню в данный момент имеется это: #page .nav .item a{ font-family: Calibri; font-size: 18px; line-height: 1.4em; color: #ffffff; font-weight: normal; text-decoration: none; border-spacing: 1px 0px } #page .nav .item a:hover{ background-color: #FFFFFF; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } #page .nav .current a, #page .nav .current a:hover{ background-color: #ffffff; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } хотелось бы настроить так , чтобы при наведении курсора текст не разъезжался, тоесть нужно оптимизировать (или просто расставить п…
0 votes3 answers -
Крякозябры в опере
На сайте http://bezvesie.ru/ в опере весь текст отображается крякозябрами,в чём может быть проблемма?
0 votes6 answers -
Проблема с Div блоками по горизонтале
Здравствуйте!Подскажите пожалуйста начинающему верстальщику,у меня проблема с блоками,мне надо разместить три блока с одинаковой высотой и шириной ровно по горизонтале,но у меня получается что один блок выше второго,а третий вообще встает под первый!Может я что то в коде упустил!?Заранее всем спасибо.
0 votes2 answers -
расположение Div
Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер something ,вместо того что бы прилипнуть к правому краю экрана,прилипает к левой границе контейнера skriptorsomething.Я не знаю,как можно расставить два правых блока skriptorsomething и something так что бы слева от них был блок main во всю высоту экрана ,поэтому решил сделать main позиционированным ,что бы два правых отображались ,так будто бы main и нет вовсе. Значит вот код HtML: <div id="shapka"><img src="images/logo.jpg" class="imgshpk"><h1>Cайт о чем то </h1></div> <div …
0 votes8 answers -
Заместо русских букв выводятся знаки вопроса
Помогите пожалуйста. За место русских букв выводятся знаки вопроса !!! Что делать ? С заранее спасибо
0 votes24 answers -
:hover
Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?
0 votes32 answers -
Label
Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!
0 votes13 answers -
Создание автозапуска для дисков
Я студент технического профиля. Помогаю одному из своих преподавателей писать учебно-методический комплекс Нет никаких альтернативных вариантов? Я помогаю сейчас делать для своего преподавателя Учебно-Mетодический комплекс Сейчас все почти готово. Осталось только оформить и записать на диск. За основу для автозапуска я всял автозапуск от диска Aspirin 2003 Фото: Комплекс будет двуязычным (я делаю русскую часть, а преподаватель узбекскую) Требования преподавателя. Чтобы открывался автозапуск. Было 2 кнопки с выбором языка. Выбираешь нужный язык и открывается содержание комплекса: 1. Лекции 2. Практические работы 3. Тесты 4. Софт и т.д. В файле настроек автозапуска Aspiri…
0 votes1 answer -
Одна верстка и разное содержимое
Допустим есть файл index.php, который содержит в себе всю верстку сайта, но с пустым значением <td></td>. В котором должен содержаться текст в зависимости от того на какой мы странице. Т.е. не так что бы оставался index.php с другим текстом. А например, хочу я зарегистрироваться перехожу в файл reg.php и там та же верстка, с тем же дизайном, но с другим значением <td></td>. Я не хочу в каждом *.php писать заново всю верстку. Есть ли какое-нибудь решение этому? Может быть как-нибудь запомнить код до ...<td> и после </td>... и объявлять их до и после нужного текста. Например: <..do-td..> Нужный нам текст reg.php <..posle-td..>…
0 votes3 answers -
почему это работает - сайдбар
почему это работает? почему #sidebar так втискивается в ту область, которая вроде как принадлежит #main ? какое значение имеет right-margin: -250px у #main? при чем в контенте можно использовать и clear:both и float:left, float:right - и всё нормально будет и на сайдбар не повлияет! это лучший вариант верстки сайдбаров, из тех, что я знаю. но _почему он работает_ ? ? ? <html> <head> <style type="text/css"> body { width: 800px; } #main { width: 100%; margin: 0 -250px 0 0; float: left; } #content { margin: 0 250px 0 20px; } #sidebar …
0 votes1 answer -
_moz-rs-heading и неожиданные ссылки в firefox
Во время работы над своим проектом обнаружил, что на сайте каким-то чудом появляются подозрительные ссылки, не проставленные в исходном коде. Верный firebug показал мне этих шпионов, снаряженных атрибутом _moz-rs-heading. В согласии с правилами логики можно было ожидать, что элементы с таким префиксом характерны только для Огнелиса, как оно и оказалось. Погуглив, обнаружил статью об этом баге/этой фиче (выберите нужное в зависимости от точки зрения). http://blog.project-sierra.de/archives/1221 Вкратце, суть в том, что нужно проверить HTML-код валидатором и устранить все ошибки. Тогда Лиса полюбит вас и уберет свои дополнительные ссылки. just for fun. Может, кому-нибудь п…
0 votes3 answers -
Свойство float - обтекние фотогрфии списком FAQ
Здравствуйте! Столкнулся с проблемой обтекния фотографии списком FAQ . Просьба к тем кто сталкивался с этой задачкой, — поделитьcя её решением. Пишите мнеВсем откликнушимся большое спасибо. С уважением, muravey.
0 votes4 answers -
кроссбраузерность hr
помогите убрать отступы в ие!! с этой темой мучаюсь уже 4 месяц!!смог убрать только один из отступов а 2 никак!!!! стили по умолчанию браузеров: ие6 hr { text-align: center; zoom: 1; } ие7 hr { outline: 0 none; text-align: center; zoom: 1; } ие8 hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1; } сафари hr { display: block; margin: 0.5em auto; border-style: inset; border-width: 1px } почему если я их стараюсь сделать одинаковими не получается удалить отступы
0 votes3 answers -
Небольшая проблема с формами
Должно быть так.Пользователь нажимает на букву и форма активируется т.е. нажимается кнопка.Вот код. <form action='index.php' method='POST' OnSubmit='return false;'> <div id='n1' class='nomer'><input type='radio' name='tre[tre]' value='1' id='a1' class='radio' onclick='this.form.submit()'><label class='label' id='r1' for='a1'>A</label></div> </form> Проблема заключается в том ,что в опере работает отлично.Но в експловере нифига не пашет.Вообще не реагирует на нажатии.В чем проблема?!
0 votes3 answers -
div и браузеры
Добрый вечер! верстаю меню меню состоит из див и вложенных еще несколько див имеющий свой бг в которых размещена всякая информация, после меню идет картинка , но проблема в том что картинка не находится в див, но все браузеры отображают ее как в этом диве, то есть она имеет бг как у меню, а этого не нужно, браузер перестает понимать что картинка находится не в диве только тогда когда добавляешь еще один закрытый див, но после этого верстка становится не валидной так как все дивы закрыты. В чем может быть проблема? прошу помочь код css .help_bg_y { width: 159px; margin: 0 0 0 14px; background: red ; } .help_…
0 votes17 answers -
float для блока с position absolute и отступом
Подскажите пожалуйста, как вставить, баннер в середину (примерно) каждой статьи. Баннер задан в шаблоне и не меняется. Я вставляю код баннера в div оформляющий вывод статей, делаю отсуп сверху и position absolute, чтобы баннер попал примерно в середину статьи. Такой код оформляет баннер: При этом обтекание текстом не происходит, но баннер фиксируется на позиции и прокручивается вместе с текстом, остается только сделать каким-то образом обтекание.
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-