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
-
в ie6 страница не отображается
Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru
0 votes6 answers -
Вопро по CSS
Я сделал в Photoshop'e ресунок и разделил его на три части вверх, середину и низ, вопрос как этот все объеденить в мести?
0 votes6 answers -
Совместное использование float и z-index.
Всем привет. На странице имеются два блока - main и ontop. В main находится контент страницы, а в ontop будет шапка и главное меню. Я хочу, чтобы ontop находилcя точно над main. Казалось бы, чего проще - сделать z-index блока ontop больше, чем у main. Но... в main есть несколько вложенных блоков с float. И как только появляется ontop, они съезжают вниз по вертикали на высоту ontop. ontop относительно main у меня является вложенным элементом с position:relative. Position:absolute, к сожалению, не подходит, т.к. main выровнен по центру страницы, и при разных разрешениях экрана его положение по оси X разное. Подскажите, что делать?
0 votes6 answers -
Как зафиксировать Шапку сайта?
Здравсвуйте, поскажите пожалуйста, как сделать на HTML или CSS, фиксированную шапку сайта, чтоб при прокрутке страницы она она всегда была видна. На языке HTML хотел сделать, посредством тегов <TBODY>, <THEAD> и <TFOOT> но не получилось. С помощью CSS реализовал в FireFox через POSITION, но IE 7 это не поддержал. Не подскажете, наверно через html и CSS это пока нельзя сделать?
0 votes6 answers -
как сделать отступы для полосы?
как сделать отступы для полосы? прописываю в CSS вот этот скрипт .bg-p { background-image:url(../images/bg.png); background-position:center; background-repeat:repeat-x; margin-left:15px; margin-right:15px; } все работает, кроме отстопов, где моя ошибка?
0 votes6 answers -
Прижать блок к низу ячейки
Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…
0 votes6 answers -
Фотоальбом для сайта
Люди добрые! Скиньте ссылку на скрипт самого простого фотоальбома для сайта. Альбом должен быть удобный в обращение, и работающий, желательно))))) Заранее сильно благодарен. А, ещё чтобы без майскуэль!
0 votes6 answers -
Страница в Мозиле и в ИЕ
Добрый вечер. Написал сайтец под моззилкой - все было ок, но когда решил под ИЕ запустить получил искажение и не пойму что мешает. у меня на стартовой странице идет таблица в таблице. первая таблица - на полный размер окна браузера, в ней вторая таблица, по центру как вертикально так и горизонтально. вторая таблица разделена на 3 столбца и 3 строки, по периметру заполняется картинками (типа фигурной рамки), а во второй строке и втором столбце размещена информация. так вот между первой строкой и второй появляется промежуток (хотя между второй и третьей такого нет) вот код: <html> <head> <title>InfoSystem</title> <meta http-equiv="Content-Type" co…
0 votes6 answers -
Backgrounds
Мне нужна ваша помощь! Мой background задан так: <style type="text/css"> BODY { background: url('22225.gif') /* Путь к файлу с изображением */ link: red; vlik: pink; justify bottom /* В правом нижнем углу окна */ no-repeat; !IMPORTANT/* Нет повторения фона */ margin-right: 200px; /* Отступ справа */ } …
0 votes6 answers -
iFrame или DIV на высоту ячейки таблицы
Нужно для FireFox: ——— | a | b | ——— | c | d | ——— простая таблица заданного размера 800*600 в ячейке d предполагается прокручиваемая информация (iframe или div), по всей доступной высоте. Как: при заполнении ячеек а и b сжимать c и d (в d у фрейма должна появиться прокрутка) ???
0 votes6 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
помогите понять
Здравствуйте, есть такой сайт http://www.alfamebel.net на этом сайте есть раздел корпусная мебель...когда на него заходим, то он не подгружает картинки, но это пол беды..как только с этого раздела переходим на раздел эксклюзивная мебель то браузер выдает такое сообщение: "Веб-сайт по адресу www.alfamebel.net содержит элементы сайта :pornotube912.com , где, вероятно, размещено вредоносное ПО – программа, которая может нанести вред вашему компьютеру или выполять действия без вашего согласия." я не знаю что делать( у меня мало опыта в этом может кто нибудь знает что делать с этой пробелммой........ мне сказали что что-то с явой скрипт..
0 votes6 answers -
Safari глюк
Всем здравствуйте. Случайно нашел глюк на своем сайте, который возникает только в safari. FireFox, Opera, E отображают одинаково(корректно), но ... Safara . Так вот есть такой код <table border="0" cellpadding="0" cellspacing="0" style="height:700px; width:700px" > <tr> <td> <div style="float:left; width:500px;"> content </div> <div style="float:right; width:200px; height:100%; background:#00FF00"> menu </div> </td> </tr> </table> <div style="clear:both;> </div> в чем проблема, пока content не привышает height:700px, в…
0 votes6 answers -
проблеммы с длинным текстом в меню
Здравствуйте в первый раз делаю интернет магазин, уперся в такую проблему: в списке категорий длинные названия переносятся на следующюю строчку не так как хотелось бы. сейчас так. Хотелось бы Использую Joomla 1.5 и Virtuemart Паботаю с стандартными шаблонами использую тип dtree Код из фаила dtree.css .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: pre; } .dtree img { border: 0px; vertical-align: middle; } .dtree a { color: #333; text-decoration: none; } .dtree a.node, .dtree a.nodeSel { font-size: 11px; white-space: normal; padding: 0px 2px 1px 1px; } .dtree a.node:hover, .dtree a.nodeSel:hov…
0 votes6 answers -
помогите лузеру
Помогите пожалуйста... Я уже истрепал себе нервы... Мастерил в опере... В ней всё получается... А вот ИЕ трепит нервы... Я конечно понимаю, что я лузер и всё такое. Но очень надо решить проблему... Вот ссылка на сайт http://www.mentalprojecti.tu2.ru <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style type="text/css"> BODY{ margin: 0; padding: 0; } .osnova{ background: #cccccc; /*главный слой самый первый - мама*/ min-…
0 votes6 answers -
Условное форматирование для IE
Подскажите плиз кто знает: насколько правильным с точки зрения валидности, и просто правильности кода является использование условного форматирования для IE6? Является ли использование условного форматирования нормальным для борьбы с багами IE6 и IE7, или из любой ситуации можно всётаки выкрутится без его использования?
0 votes6 answers -
Контактная форма
Все спасибо за помощь и дельные советы)
0 votes6 answers -
Две колонки
Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…
0 votes6 answers -
Перенос контецнера на новую строку
Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…
0 votes6 answers -
Вывод адреса страницы
Необходимо вывести на странице сайта url-адрес со ссылкой на эту страницу для того, чтобы пользователи могли вставлять этот адрес на свои сайты". Яркий пример реализации данной задачи: ссылка в самом низу страницы на сайте "вконтакте". Заранее благодарен за ответы.
0 votes6 answers -
проблема с каскадными такблицами
Всем привет, мне нужна помощь. я тут сайт делаю, по дизайну который мне дали. проблема в следующем. к примеру есть надпись "Частные уроки обучения игры на фортепиано". Она должна быть в рамке и на розовом фоне, никак не получаеться у меня. Применив <style type="text/css" A { color: black; background: peachpuff; padding: pink; } </style> у меня тоже ничего не вышло, на сайте ничего не отобраражеться. Кто сталкивался с данной проблемой или знает как ее решить, жду ответа
0 votes6 answers -
input type="file"
Здравствуйте. Верстаю около полугода, но никогда еще не сталкивался с подобной задачей. Итак, есть форма добавления некоего элемента в каталог, у которой есть несколько стандартных полей имя\описание\етц. Необходимо сделать возможность прикрепить файл. Полез в гугл, сразу нашел <input type="file"> Что видим - поле с названием файла и кнопка "Обзор". Дизайн во всех браузерах разный, хром\сафари поле с именем вообще отображают справа. А задача такая: сделать ссылку "прикрепить файл", при нажатии на которую открывается диалоговое окно выбора файла, после выбора имя файла будет написано ниже этой ссылки. Какие дадите советы?
0 votes6 answers -
id="x" если его нет то id="y" для <div>
Ситуация такова: есть каркас шаблона, программа генерирует стили для этого шаблона(темы), но бывает что имя id для одного и того же div разное. Так вот надо чтоб при открытии странички если нет id="x" срабатывал id="y" код такой: <div id="x"> <div id="x1"></div> </div> если добавить такой же код только с id="y" и id="y1", работает, но это мне так кажется не выход. Как быть, помогите пожалуйста.
0 votes6 answers -
Где узнать?
Всем привет! Есть сайт с шапкой, подвалом и левой колонкой. Нужно вставить правую ячейку динамическим блоком. Содержимое этого блока должно меняться в зависимости от нажатия ссылки в левой колонке. Пробовал организовать через фрейм, но увы... Подскажите, где найти информацию. Документ будет в формате html. С уважением, Алексей.
0 votes6 answers -
проблема с IE и отображением фоновых изображений:(
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes6 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-