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
-
Различное отображение таблиц в IE8 и Mozilla
Объединил 3 ячейки в одну в таблице, но результат получил только в хроме и в мозилле, а в ие8 отображается как будто ячейки еще есть http://kikky.ru в самом конце <table class="tbl_send_pay"> <tr> <td class="td_send_pay_head_l"> <p>Сообщества</p> </td> <td> </td> <td class="td_send_pay_head_r"> <p>Скидки</p> </td> </tr> <tr> <td colspan="3" class="td_send_pay_text_l"><p></p> <p><img src="{$URL_THEME_OFFSET}/img/pay/vkontakte.png"> <img src="{$URL_THEME_OFFSET}/img/pay/odnoklassniki.png"> <img src="{$URL_THEME_OFFS…
0 votes3 answers -
hover у ссылки сменой фона в ИЕ6
В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; ma…
0 votes27 answers -
: Подскажите как сверстать такой поиск, не могу привести к кросбраузерности
Здравствуйте! есть такой поиск, левая и правая сторона должна быть фиксированая, а сама строка поиска резиновая. Как я делал слева в фиксированую три слова, справа кнопку+чекбокс+лейбл, центральная была резиновая. Инпуту даю 100% он то растягиваеться вроде норм, но в остальных браузерах просто жесть. В фф норм, в ие6 даже норм, в ие7 и хроме не видна левая и правая сторона только центральный резиновый блок вообще не пойму почему, в опере тоже самое. Как можно сверстать его, таблицы юзать нельзя, может есть где пример был бы очень и очень благодарен. Жесть вроде все просто и нифига не выходит да и такие глюки именно в новых браузерах, фиг найдешь почему так происходит.
0 votes1 answer -
Помогите разобраться с кодом!
<html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…
0 votes11 answers -
Опера видит скрытые блоки, или как убрать полосу прокруткм браузера
Есть блок со скролом, все вмещается в окно браузера, но когда при прокрутке идет подгрузка аяксом в этот блок содержимого, то опера это содержимое видит, хотя оно внутри блока, в остальных браузерах все нормально
0 votes4 answers -
Форма и 3 кнопки, Как реализовать переход?
Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо
0 votes8 answers -
Управление сайтом!
Делаю свой первый сайт, 60% уже сделал. Потихоньку подхожу к такому вопросу- что будет когда я доделаю сайт, то есть как я буду им управлять. Слышал про админ панель, не могли бы вы рассказать что это и с чем ее едят. Сложно ли ее сделать, каким уровнем программирования нужно для этого владеть и есть ли какие нибудь программы которые создадут эту админ панель? И возможно как нибудь оптимизировать саит для управленеия под, например, 1С битрикс.
0 votes4 answers -
Как выровнять текстовые блоки
Как выровнять текстовые блоки Как можно делать блоки ровным. От зависимости текста. Одного блока больше текст и остальные высота боки чтобы были ровным. http://my.jetscreenshot.com/1668/20100216-vozf-44kb.jpg
0 votes3 answers -
Свойство margin-top
Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <m…
0 votes20 answers -
Баг с a > img (лишние отступы)
Обнаружил еще не понятный мне баг, который вылезает в ФФ, ОПЕРЕ и ИЕ если я внутрь тега A кладу IMG то если посмотреть на скриншот ссылка не облегает изображение визуально а просто как бы прилеплена к низу (см. скриншот, выделенным синим) + образуется еще непонятный отступ у а снизу! как пофиксить чтобы этих 2-х проьлем не было? пробовал overflow: hidden не помогло
0 votes22 answers -
Помогите новичку подобрать программу
Имеется 4000-5000 страниц на 6 сайтах. На них размещены текст, естественно ссылки, фото, видео с бесплатных хостинга (Ю Туб, Ру Туб и т.д.). Нет никаких фреймов и скриптов. Многие страницы похожи: на каких-то одинаковые фото, на каких-то - видео, на каких-то - текст. Некоторые страницы полностью одинаковые. Так же имеется большой опыт общения с компьютерами и разными программами, давно писал в VBA. Пока еще разбираюсь с HTML и CSS в блокноте, но скоро закончу, надо что-то помощнее :-) Задача нужной программы: возможность изменять одновременно одинаковые фото, текст и т.д. Все HTML и CSS файлы находятся на моем компьютере. Я их у себя же делаю. Потом передаю владельцу сайт…
0 votes8 answers -
Как добавить уникальный шрифт?
Христос Воскресе! У меня при написании сайта возникла проблема: много текста идет уникальными шрифтами, которых нет на web-сервере хостера. Для решения просблемы использовать какртинки - значит загромождать сайт графикой и получить страничку в 1мб и более. Теперь вопрос: можно ли каким-нибудь образом загрузить на сервер уникальный шрифт? Или можно ли прифязать к сайту, страничке отдельный шрифт. Операционная система хостера не виндовс.
0 votes3 answers -
IE8 под xp и под win7
В общем вот http://www.pan-sloboda.ru/genplan/ , если нажать на ссылочку Генеральный план, то откроется всплывающее окошко. в ИЕ8 под ХП оно отображается с самого верха, а вот в ИЕ8 под винду 7 (судя по скрину от друга) оно уплывает вверх на 50% примерно, т.е. будет невидимо наполовину. Незнаю что можно сделать, существуют какие-то отдеьные хаки, чтобы прописать стили под ие8 для хп и отдельно для ие8 под 7 ? или использовать ява-скрипт и определяя ос подправить стили? Других путей не вижу...
0 votes1 answer -
Flash меню и jQuery
Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно
0 votes5 answers -
window.open (в IE и FF открывается развернутое окно)
В Opera, Chrom, Safari всплывающее окно появляется в заданных размерах (свернутое), в IE и FF открывается полное окно. Как сделать, чтобы обойти настройки браузеров и заставить тоже открывать свернуто окно?
0 votes3 answers -
Помогите привязать одну ссылку на видео одновременно на несколько страниц
Нужно на нескольких страницах разместить одинаковое видео (например с youtube). Вариант: вставлять отдельно в ручную на каждую страницу - не подходит. В будущем ссылки буду менять, нужно что бы на всех страницах изменились. P.S. С текстом и фото разобрался, а видео не могу пристроить. Помогите пожалуйста.
0 votes5 answers -
Исчезает бэкграунд в конце ссылки
Такая проблема. Делаю блок с новостями: http://web-diva.ru/Verstka/temp/news.html В конце ссылки идет стрелка. В ФФ и Опере все нормально. В ИЕ стрелка есть только у ссылки в одну строку. Если строк больше, стрелку не видно. В чем может быть проблема? html: <div class="news"> <div class="new"> <h4>12 апреля 2010, 11:28</h4> <a href="#">Состоялся запуск сайта </a> </div> <div class="new"> <h4&g…
0 votes9 answers -
Подскажите с html
Добрый день. Вот у меня имеется прайс ПРАЙС Скажите пожалуйста как мне закрепить верхнюю колонку чтобы листая прайс шапка оставалась на месте и как вставить поиск на странице вверху. Заранее спасибо.
0 votes9 answers -
Скрипт выбора кнопки на примере Liveinternet
Доброго времени и с прошедшим праздником Суть всей проблемы такова, нужен скрипт выбора кнопок как допустим у Liveinternet ил mail.ru Поэтапно: Юзер видит 4 кнопки разных размеров, выбирает нужную через радио кнопку и нажав далее переходит на страницу выбора цвета, выбрав цвет его перебрасывает на страницу с готовым кодом. Помогите господа решить сие вопрос или задачку. Знаний в программировании, особо нет (да для вас можно считать что их и нет вовсе ) Надеюсь с вашей помощью решить этот вопрос. В гугле облазил, но не нашел ничего стоящего. Заранее спасибо.
0 votes5 answers -
Показать/убрать скрытый текст
<script language="JavaScript1.2"> var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script> <font onClick="expandit(this)">Посмотреть скрытый текст</font> <span style="display:none"> <br> Скрытый текст <br> <font onClick="ЧТО_ЗДЕСЬ_НАПИСАТЬ?">Убрать скрытый текст</font> </span> (Посмотреть) Подскажите, как сделать так, чтобы при нажатии на "Убрать скрытый текст" убирался скрытый…
0 votes9 answers -
overflow:hidden VS float
вопрос к знатокам. 1) Почему при верстке для того чтобы в блок поместилось все его содержимое используют overflow:hidden, да это работает, но ведь если со временем кол-во контента в этом блоке увеличится то он будет обрезаться? Я всегда использовал float для таких блоков, тогда даже если увеличиться кол-во текста в блоке он все равно не выйдет за его границы. 2) Принцип действия свойства zoom(если можно попроще как нибудь) Спасибо.
0 votes3 answers -
ссылка во флеш
Здравствуйте! Прошу вас о помощи! Создал шапку для сайта со спецэффектами во флеш. В этой шапке есть 4 кнопки. Прописал для них в Action Script код, чтобы работали ссылки: but1.onRelease = function() { getURL("../prod.html") } but2.onRelease = function() { getURL("../part.html") } but3.onRelease = function() { getURL("../akc.html") } but4.onRelease = function() { getURL("../nov.html") } Проверяю. Открываю во флеш публикацию для веб - и всё работает. Вставляю в свою страничку и вот незадача...не может найти путь. Вставляю с помощью следующего кода: <div id="header"> <embed src="img/header.swf" align="absmiddle" width="751" height="145"> </div> Собствен…
0 votes12 answers -
Почему при изменении шрифта в IE6 разметка портится
Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?
0 votes4 answers -
Помогите пожалуйста разделить шапку
Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой 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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body>…
0 votes6 answers -
расстояние между букв меньше чем по умолчанию
Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-