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
-
Проблемы при сжатии окна, контент ездит в боки а фикс блоки на месте.
Получил такую проблему при верстке. Дизайн задумка была такова, есть дизайнерские блоки для оформления верхний и нижний, они на странице не движутся, движется только текст по середине между ними. Текст обрамлен и рамки сливаются с нижним и верхним блоками. Даный текст при наличии боковой полосы прокрутки, прячется под верний блок и выежает с нижнего (если текста много). Я посадил верхний и нижний блоки через position: fixed отцетрировав по горизонтале и они всегда в цетре страницы как и текст. Текст при этом в блоке с display: table чтобы фон и рамки контента всегда был на всю высоту страницы и сливались с верхним и нижним блоком. Но вот при сжатии окна браузера менее 10…
0 votes4 answers -
Помогите с отображением статуса сайта
Ну в целом, нужен скрипт который будет, допустим раз в 5 минут, пинговать сайт один сайт и отображать его статус на другом. Реально ли это? Если в двух словах надо на protect737.gb7.ru выдавать сообщение о работоспособности protect737.tk:9999 На другом форуме посоветовали $soc = @fsockopen("protect737.tk", 9999, $errno, $errstr, 5); if (!$soc) { die("server is not responding"); } fclose($soc); die("server is responding"); Но, если просто вставить - не работает.
0 votes4 answers -
Проблемы с выподающим меню в ИЕ6
Всем привет. Ребята, вопрос к Вам, есть выпадающее меню, веде все работает отлично, а вот в IE6 меню двигает блок снизу. Как пример: <ul> <li>Меню <ul> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> </ul> </li> <div id="text">Текст</div> Выпадающее меню смещает блок с id=text Если ставлю свойство position: absolute; то все нормально, но выпадающее меню вываливается несовсем в нужно месте, смещается примерно на 50 пикселей вправо, а как его подвинуть, не знаю. Так как макет резиновый, варианты типо: left: xx; right: xx; не подходят.
0 votes4 answers -
максмальная/минимальная ширина/высота..
Здравствуйте..Помогите пожалуйста...У меня есть картинка (шапка сайта) размером 1680х180... Вот...На моем мониторе 1680х1050 отображается как надо..Как сделать так, чтобы на мониторе 1024х600 она оптимизировалась...То есть как так задать минимальную ширину и высоту, чтобы картинка(ну или весь блок div) сама подстраивалась под монитор (максимум 1680х180, минимум 1024х600)..А то получается, что на первом мониторе все нормально,а на втором картинка смотрится гигантской). Набросал в HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; …
0 votes4 answers -
как это сделать?
Вот ссылка на сайт Моя ссылка Интересует как сделать к примеру верхнюю часть где цвет плавно переходит из синего в небесный ?
0 votes4 answers -
Форма регистрации
Написал я код формы регистрации.. а вот как теперь сделать чтобы она работала? Есть какой то код для хеад?
0 votes4 answers -
Div не фиксируется в IE
Есть панелька, приклеенная к низу браузера. Во всех браузерах, кроме IE работает нормально. В ИЕ "едет" при скроллинге. Как исправить? http://www.minki.ru/mininotebooks.php?ddd=2
0 votes4 answers -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
путь к css и js
Есть основная папка(new8) с сайтом? в ней расположены папки: css, js, images, section и сам сайт index.html Есть такой путь: section/creature/n1/index1.html Я никак не могу для файла index1.html прописать путь к css и js Пробовал ../css/style.css но не получается. Возможно на хостинге этот путь верный?
0 votes4 answers -
Неправильное отображение в браузерах.
Добрый день! У меня есть 3 проблемы вот по этому сайту - vipdoma.kiev.ua 1 по Хрому, и 2 по IE. 1. Во всех браузерах идет абсолютно нормальное отображение бэкграунда, кроме Google Chrome. Пытался понять в чем проблема так и не смог. Все фоны у меня прописаны в .css файле, ниже идет выдержка из него: body { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing:-0.04em; color: #666; font-size:67%; line-height: 1.538em; background: #afb1b4 url("../../images/bg_body.gif") repeat; } 2. Когда открываю сайт IE любой версии, в левом нижнем углу флажек о том, что на странице ошибка, что он…
0 votes4 answers -
Цвет ссылок
Здравствуйте! Подскажите пожалуйста можно ли сделать ссылку из двух цветов?
0 votes4 answers -
Резиновый дизайн
Резина и ещо раз резина Я сделал фон сайта резиновым ,но в Браузере Opera при размере страници 100% слева виден маленький белый промижуток размером 8-10px Но при минимальном размере промижутка нету Как это исправить? И как зделать кнопки зделаные тегом img заставить быть по соотнашению с BG чтоб не только BG был резиновым ,но и кнопки.
0 votes4 answers -
Перенос сайта с одного сервера на другой
Всем добрый день. Меня попросили перенести один интернет-магазин с одного хостинга на другой. Мне дали файлы уже выкаченного сайта с другого хостинга. Я прежде чем закачивать на хостинг хочу проверить локально у себя на компьютере. У меня установлен денвер. Я в нём создала папку с названием сайта и в ней папку www (как и обычно в денвере) и скопировала туда все файлы из папки public.html. Дело в том что я ни разу не закачивала сайты, прикреплённые к движку на сервер и естественно не знаю как правильно это сделать. На денвер я устанавливала цмс-ки и конечно в их настройки проблем не было - там всё просто. Знаю что надо создать для этого сайта новую базу данных, но не знаю …
0 votes4 answers -
Ie7,8
Вот такую штуку мне выдают 7 и 8 ишаки Как от неё избавиться? http://balkancar-ural.ru/zapchasti/D2500/sheme14.php ссылка на страничку...
0 votes4 answers -
Выбор с java и без
Имеем 2 css файла, в одном стилизация под javascript, другой обычный. Как сделать, чтоб если у пользователя поддерживается javascript грузился css с java, если нет, то обычный? Я имею ввиду как приавильно написать в этом коде. <script type="text/javascript" src="jquery.js"></script> <link type="text/css" rel="stylesheet" href="pagestyle1.css"> <link type="text/css" rel="stylesheet" href="pagestyle2.css">
0 votes4 answers -
Как скрыть границу блока в IE6
Есть макет http://george75.ru/sdobavrn/index.html в firefox, opera, ie8 удается скрыть верхнюю границу между основным блоком и горизонтальным меню, в ie6 не получается. Существует ли вариант решения проблемы средствами CSS?
0 votes4 answers -
Проблема с padding в IE6
Всем привет. Есть проблема с padding в IE6, а именно: Есть div, у div есть фон, фон размером 50px, в div есть тег p, при установке padding для div (дабы выровнять текст по вертикали) в IE увеличивается размер дива и в фоне появляется дырка. Пример кода: <div style="background: url('bg.png') repeat-x; width: 100%; height: 30px; padding: 20px 0 0"> <p>Текст</p> </div> Таким образом высота у нас получилась 50px, но в IE появляется дырка. Как это решить? Спасибо
0 votes4 answers -
Почему теряется высота дива при установке дочерним жлементам свойства float
Всем привет Еще один вопрос и одна проблема, есть код: <div> <p><img src="img" alt="" title="" width="300" height="200"></p> <div> <h1>Текст</h1> <p>Много текста</p> </div> </div> При таком состоянии, высота дива, зависит от его элементов, которые находятся внутри, она равна примерно 200px, если мы сделаем так: <div> <p style="float: left"><img src="img" alt="" title="" width="300" height="200"></p> <div style="float: right"> <h1>Текст</h1> <p>Много текста</p> </div> </div> Родительский Div потеряет свою высоту. Как сделать так,…
0 votes4 answers -
Меню с градиентом, тенью и скругленными краями
Как лучше всего сверстать вот такое резиновое меню? Желательно без использования картинок, т.е. все сделать через стили. Особо смущает неровная тень снизу.
0 votes4 answers -
выбор варианта вёрстки
Всем доброго времени суток. Со времени как последний раз делал сайт прошло не менее 7ми лет. Сегодня пришло время вспонить навыки. Уже имеется макет. На данном этапе встал вопрос как правильно сверстать сайт и в связи с этим возникают вопросы: 1. Верстать с помощью таблиц или есть какие-то более современные методы. (Сайт планируется статичный поэтому только html достаточно)? 2. Правильный ли подход: центр сделать статичных размеров в ширину, а поля (фон) резиновыми? Я начал делать центр (шапку) статичной, а поля резиновые. Но при сужении браузера ниже минимального формата шапка расплавается. Вот пример. 3. Второй вариант вёрстки. Второй день копаюсь не могу понять из-за ч…
0 votes4 answers -
Firefox и background
Здравствуйте. Столкнулась с непонятной проблемой. Огнелис в упор не видит стили body, точнее все, что связано с background. Сайт с большим фоновым изображением прибитым к низу страницы. Оставшееся сверху пространство заливается уже бесшовной текстурой. Так вот в Огнелисе это пространство остается белым. Может где-то в коде ошибка и я ее в упор не вижу? При добавлении контента ситуация не меняется. Текст просто идет поверх этого белого пустого пространства. Привожу код css и html: html, body {font-size:87.5% !important; padding: 0; margin: 0; background: #030910 url(img/bg_main.jpg) repeat; color: #333333; height:100%; width:100%; min-height:100%; min-width:1024p…
0 votes4 answers -
Фон 100% + текст на нем фиксированный
Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…
0 votes4 answers -
Помогите оптимизировать меню
Здравствуйте! Помогите оптимизировать меню для всех браузеров, кроме firefox (в нем отображается как надо). Суть такова, что картинка в ссылке должна отображаться справа вверху от текста ссылки. Если текст ссылки умещается в одну строку, то все смотрится нормально. Если же текст ссылки длинный и умещается только в 2-3 строки, то во всех браузерах, кроме firefox картинка расоложена вверху, но не справа от верхнего слова, а справа от нижнего слова заезжая на верхнее слово. Как ни прбовал, никак не получается... Надеюсь объяснил нормально Меню: <div class="menu"> <div><a href="#"><span>Раздел 1 <img src=".../стрелка.gif"></span></a…
0 votes4 answers -
Загрузка картинок в слайде
На сайте tmhomes.pirogov.ru в шапке есть слайд. Но при первом заходе до кеширования, картинки грузятся все разом, что не эстетично. Как можно сделать чтобы слайдер например не показывался пока картинки не загрузятся?
0 votes4 answers -
семантичный порядок блоков
интересно ваше профессиональное мнение по такому вопросу. есть страница. состоит из шапки(содержит меню навигации), контентной части, подвала. с точки зрения семантики в каком порядке лучше расположить эти части в потоке? шапка, контент, подвал? или контент, шапка, подвал? или другим образом?
0 votes4 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/
-