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
-
Окно заданного размера с помощью CSS
Собственно сабж. Нужно чтобы при нажатии на ссылку выскакивало окно заданного размера. Хотелось бы все это сделать средствами CSS да еще и чтобы valid . Что скажите мудрецы?
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 -
Как зафиксировать размер текста
Доброго вам всем времени! Вот решил сделать себе сайт и уже казалось вот он, НО!!! Когда стал наполнять текстом увидел страшную вещь. в IE текст расползается по высоте разнося весь дизайн разлетается к черту. При выставление в IE размера шрифта вопрос решить можно. Но в мозиле все автоматом красиво и правильно. А, теперь вопрос для знатоков! как зафиксировать шрифт для всех? Ответ типа смотри на форуме не принимается. Смотрел, но видимо в силу глупости или не опытности не понял. Напишите если кому не лень на пальцах.
0 votes3 answers -
Имя элемента формы в качестве параметра функции
Есть следующий пример: <!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> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтда…
0 votes6 answers -
Содание страницы с расстановкой текста
Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.
0 votes16 answers -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
oveflow-y: scroll когда не влазит динамический контент
Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…
0 votes5 answers -
Мозилла не понимает padding?
Доброго дня! Помогите! У меня Мозилла 2 не понимает padding-right:15 px; а также в ячейке таблицы автоматом не перносит слова если места не хватает В Опере и ИЕ все ОК Спасибо!
0 votes11 answers -
Гиперссылка на CSS
Всем привет! Можно ли сделать так, чтобы при клике по ссылке на страницу подгружалась новая css, а старая "выгружалась"? Замена подключенной к странице css-ки на другую...:cool:
0 votes10 answers -
IE6. jScrollPane ломает работу DD_belatedPNG.fix
Привет всем. Есть такая вот страничка: http://yamble.ru/projects/zewa/production.html Очень важно было клиенту заменить системный скролл на кастомный, хорошо. Но сейчас появилась проблема везде, где есть скролл, если там есть любая PNG картинка то в IE6 она становится просто с белым фоном, не прозрачная, хотя скрипт DD_belatedPNG.fix у меня подключен и прописаны условия, я проверял, отключив jScrollPane.js — PNG становится прозрачным.. Вряд ли кто сталкивался с подобной проблемой.. но может есть какие-нибудь идеи, как можно пофиксить эту багу. Заранее спасибо.
0 votes12 answers -
IE6 не воспринимает dispaly:block
Шестой ослик почему-то не хочет воспринимать display:block. Про косяк с display:inline-block наслышан, а вот про display:block слышу в первый раз. В чем может быть причина?
0 votes20 answers -
бесплатный редактор типа dreamweaver
Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.
0 votes16 answers -
Курсы HTML/CSS
Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!
0 votes14 answers -
Полупрозрачный фон на весь экран, покрывающий скроллинг
Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном
0 votes3 answers -
Firefox. Инструменты адаптивного дизайна. Изменение размеров
В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?
0 votes5 answers -
меню с помощью списков
Пытаюсь сделать обыкновенное меню. Разве что хочется с чтоб он было покрасивее. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> #main li{ width:300px; height:50px; border:2px solid green; display:block; } #insert li{ width:300px; height:20px; border:1px solid red; display:block; } </style> </head> <body> <ul id="main"> <li>Первый пункт <ul id="insert"> <li>Первый подпункт</li> <li>Второй подпункт</li> <li>Третий подпункт</li> </ul> <…
0 votes1 answer -
Проблемы с со слоем в Opera
Делаю сайт http://kruiz.web-dev.kiev.ua/index.php?lang_id=1&menu_id=1 В IE 6 и 7, Firefox 2.0.0.14 и Safari 3.1 все красиво, а в Opera 9.25 - проблема. сдвигается слой с верхним меню под логотип. В чем может быть проблема? Какие возможные пути решения.
0 votes5 answers -
1000px Без Скроллера
Здравствуйте, при верстке сайта на 1000px по ширине, мне нужно воткнуть по бокам сайта бордеры-картинки (по 20px с лева и с права). При просмотре сайта на разрешении более чем 1024 по ширине все отображаеться нормально. Но когда включаю разрешение 1024px по ширине, то появляеться скроллинг. Подскажите как можно сверстать так чтобы при разрешении 1024px был тока контент сайта (бордеров бордеров по бокам и без скролинга), а если ширина увеличивалась, то бордеры появлялись. вот ссылка сайта на котором хочу так сделать: http://ar.style-vip.com
0 votes2 answers -
heigh 100% и margin-top
Возникла следующая проблема: хочу сделать поле, занимающие всю высоту экрана и при этом имеющие фиксированный в пикселях отступ сверху. Если я указываю height: 100% и margin-top: 200px, то мое поле вылезает за размеры экрана, создавая не применимый скроллинг. Как добиться, чтобы высота поля была 100% - 200px и лишний скроллинг не возникал? В этом примере я попытался изобразить концепцию, однако два элемента здесь налезают друг на друга. <!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>Untitled Page</title> …
0 votes7 answers -
Надо ли писать px?
Надо ли писать "px" в шаблонах и стилях? То есть, что более правильно: 1.width="15" 2.width="15px" 1.font-size:15 2.font-size:15px? Желательно только с обоснованием - чем плох или хорош первый и второй способ.
0 votes9 answers -
Запуск формы без нажатия кнопки, переадресация данных
Подскажите, пожалуйста, нужно сделать запуск формы без нажатия кнопки. Выглядит так: Первая страница - тут радио кнопки, Делаешь выбор и нажимаешь submit Данные летят на проммежуточную страницу, где налету должны сформироваться данные в форме и переадресовать данные на следующую страницу. Как сделать автоматический клик по кнопке? Может яваскритп или как?
0 votes5 answers -
<div class="clearer"></div> чем заменить?
Привет, друзья! Как можно избежать конструкцию типа <div class="clearer"></div> Мой код такой: ... <div id="header"></div> <div id="content"> <div class="left"></div> <div class="right"></div> <div class="clearer"></div> </div> <div id="footer"></div> ...
0 votes2 answers -
вырезать фон из psd
помогите пожалуйста вырезать фон из psd-макета. проблема в том, что после кадрирования(фон в правой колонке) и сохранения(в .png или в .jpg) исчезает переход между тонами, который есть в оригинале. наличие перехода я проверяю при помощи pixie(на глаз тоже заметно) результат размещения фона на странице выглядит так
0 votes6 answers -
Форма входа в чат
Снова вопрос...каким образом форму входа в чат поставить так чтобы она ничего не смещала,и была слева от "новости репа" ?Вот http://rap.mpchat.ru/ сам чат...Извините если уж совсем глупый вопрос :|
0 votes7 answers -
Динамичесское окро и РНР
Подскажите пожалуйста, как из РНР ссылки такого вида: $text.='<a href="detail.php?t_id='; $text.= $mass_sub[$i][0]; $text.='" target="_blank">'; $text.='<img borger="0" src="images/links/pod.jpg" alt="Подробно" title="Подробно">'; $text.='</a>'."n"; Сделать ссылку для открытия динамичесского окна JS Использовав такой код: <head> <script language="JavaScript"> <!-- hide function openWin() { myWin= open("detail.php", "displayWindow", "width=500,height=500,status=no,toolbar=no,menubar=no"); } // --> </script> </head> <body> <form> <input type="image" value="подробнее" onClick="openWin()"> </form> &l…
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-