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
-
отступ между <a>
не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/
0 votes20 answers -
проблемы с IE.
необходимо слой выровнять посередине браузера.для этого использую следующий код: #container { width: 942px; height:200px; margin-right: auto; margin-left: auto; position: relative; background:#ffffff; } в IE 6.0 не работает.подскажите,если ли альтернатива, как исправить?
0 votes7 answers -
Задачки по PHP
Дима отказался от идеи по созданию темы про "задачи PHP" по образу и подобию "макеты для верстки" но я надеюсь что меня поддержат и тема будет выделена ибо были жаждущие порешать задачки. Как-то кто-то уже поднимал такую тему, но как-то заглохло. Итак.... Задача #1: Бродилка Задача представляет собой реализацию простейшей бродилки, состоящей из визуально 2х частей -сообщения о текущем местоположении -список ссылок с выбором перемещения реализация - php + mysql дизайн не учитывается. У задачи есть несколько уровней сложности (буду мерять звездами) 1 звезда - соответствие вышеперечисленному 2 звезды - добавить работу с AJAX 2.5 звезды - к AJAX - JSON 3 звезды сделать неско…
0 votes14 answers -
Ищу стажировку HTML - верстальщик - HTML, CSS
[В закладки] [Плавающее окно] #1 (permalink) Добрый день, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализовать свой потенциал в сфере web - разработки. Готова пройти стажировку ( рассматриваю и вариант не оплачиваемой), с дальнейшим трудоустройством. Буду рада интересным предложениям! мой почтовый ящик: verbenkina@gmail.ru
0 votes9 answers -
Создание резинового по вертикали сайта
Встала проблема создания такого сайта. Высота таблицы - 100%. Шапка и подвал должны быть фиксированными по высоте, а центральная часть должна или растягиваться, если высота клиентской области больше высоты контента, или должна появляться полоса прокрутки. Т.е. как бы мы не изменяли размеры окна по вертикали, шапка и подвал должны быть видны, а центральная часть со скроллом должна изменяться по высоте(но содержимое чтобы можно было просмотреть при помощи скролла).Сколько я ни мучился, реализовать эту схему не смог. Может быть, у кого-то есть решение?
0 votes3 answers -
Паспарту
Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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"> .paspartu p { float: lef…
0 votes14 answers -
Выравнивание меню из списка. Как?
Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…
0 votes3 answers -
Вёрстка для старых браузеров
Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?
0 votes33 answers -
Как задать отступ для колонки
Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.
0 votes2 answers -
#1118 - Row size too large.
Здравствуйте! У меня возникла проблема прпи составлении таблицы. В ней примено 150 полей - иначе никак....... Преимущественно поля типа varcher И вот не добавляются новые поля. Что делать уже не знаю.. Мускул выдает: "#1118 - Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535. You have to change some columns to TEXT or BLOBs" Может кто сталкивался с проблемой? Посоветуйте, пожалуйста!
0 votes6 answers -
Как к селекту привязать координаты с google-карты?
Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?
0 votes7 answers -
Как быстро поменять фон таблицы
Всем привет. я хочу при наведении мыши на графический элемент менять его вид(формально это таблица 3 на 3 где крайние ячейки имеют фон-картинку а центральная ячейка содержит список с данными). типа hover. использую джаваскрипт. проблема в том что ИЕ безумно тормозит. сейчас на mouseover/out меняю класс ячеек таблицы. может есть идеи как можно быстрее background-image сменить? спасибо
0 votes15 answers -
2х высота в ie
Добрый вечер. Нигде не нашел информации о подобной проблеме. Странная ситуация, в ie некоторые блоки имеют бОльшую высоту (даже когда высота четко прописана). В архиве 3 скрина с оперы, фф, ие. Для наглядности у блоков задан background. http://webfile.ru/2108095 Как это лечить?
0 votes12 answers -
блог лагает при скроле
блог лагает при скроле в фаерфоксе, начал лагать недавно, раньше такого небыло... что это может быть и как это вылечить?
0 votes21 answers -
Верстка таблицы
Здраствуйте у меня проблемма, не могу сделать чтоб две таблицы отображались внутри базовой таблицы одинаково (в опере норм, в эксплорере нет) помогите пожалуста разобраться в чем проблема, код внизу <table border="0" cellpadding="0" width="100%" height="223"> <tr> <td valign="top" WIDTH="180"> <TABLE WIDTH="175" height="223" CELLPADDING="3" CELLSPACING="1" CLASS="blok"> <TR> <TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапвап</TD> <TR> <TD><IMG SRC="images/menus/im_lunch.gif" ALT=""></TD> <TD><a href="/index.php?zaved=1&edit5&catid1=5">вапва</a></TD> </TR&…
0 votes12 answers -
Кроссбраузерный SVG
Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…
0 votes6 answers -
Как сделать фон в мобильной версии сайта?
AlexZaw спасибо.
0 votes10 answers -
FORM - в таблице появляется отступ
Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?
0 votes7 answers -
Срочно нужна помощь.В CSS. Подменю наезжает друг на друга
Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему. Вот как должно выглядеть меню http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg Вот как оно выглядит сейчас http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg Вот код <div id="left-menu"> <div class="moduletable"> <ul class="menu"><li class="parent item9"> <a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php"> <span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</spa…
0 votes2 answers -
Как собирать HTML "налету"?
Как собирать статичную HTML страницу из нескольких HTML файлов "налету", но так, чтобы поисковик видел полную страницу. JS и iframe не пойдут... Или, другими словами, в HTML страницу вставлять информацию из другого файла.
0 votes6 answers -
Drupal+Smarty: настройка профиля пользователя
Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста
0 votes7 answers -
поля от 'body'
Вопрос такой: - имеется код: <!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" /> <style type="text/css" media="all"> /* <
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-