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
-
Навигация
Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?
0 votes12 answers -
Проблемы с clear
Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!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> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…
0 votes6 answers -
Выделить input, не сбивая дефолтной браузерной темы
Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь просто…
0 votes9 answers -
Отправляется не тот sumbit
Всем Доброго времени суток, ситуация такова: есть форма быстрой авторизации на сайте слева, работает нормально, только если на странице нет другой формы, к примеру регистрации или комментариев, при отправке любой из форм почему то отправляется форма быстрой авторизации, причем я так понял она принимает какие то другие параметры имен переменных. может быть, это происходит, потому что у данной формы стоят value инпутов по умолчанию? Очень надеюсь на вашу помощь, саму страницу с 2 формами можно посмотреть здесь Заранее спасибо
0 votes9 answers -
IE 8 не видит ссылок
Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится
0 votes7 answers -
IE 7-8 PIE border-radius и first-child
Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …
0 votes4 answers -
Закрепить логотип на сайте!
Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.
0 votes7 answers -
vertical align у inline-block
<div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…
0 votes15 answers -
раскрывающаяся форма при клике и сворачивание при нажатии
Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?
0 votes3 answers -
Как отобразить блок, который пропадает из-за overflow?
Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …
0 votes1 answer -
3 блока друг под другом
Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …
0 votes12 answers -
Красная строка
Всем Здасьте! Допустим в файле типа default.css я могу выставить отступ красной строки, а как мне сделать, что бы он (отступ) был тока там, где я этого хочу? Я имею ввиду, может есть что-то, что можно вставить напрямую в текст и при этом без моноширинного шрифта !?!??!?!??! Спасибо!
0 votes5 answers -
Что нужно дописать в коде?
Смотрите, на картинке есть обведенный в красный кружок треугольник. При наводе мышкой на пункт меню он отображается, и , как правило он должен оставаться на около страницы пункта меню, которая открыта. например, если я нажму "О нас" то с "Главная" этот треугольник перейдет на "о нас". Но он не переходит, а остается на "главной", когда открыты другие страницы. Что нужно дописать в коде чтобы на странице "О нас" треугольник не был на "Главной", а был на "О нас" чтобы было понятно на какой странице посетитель сайта находится, и чтобы Пункт меню был таким же белым цветом, как "Главная"? А то не понятно перешел ты на страницу "О нас" или нет. Вот этот код:
0 votes10 answers -
выпадающее меню
помогите, сделал выпадающее меню, но проблема в том, когда сделал основной контент, при выпадении меню, контент уходит вниз из-за меню, как сделать, чтобы меню выпадала на контент, тоесть поверх моего контента и не сдвигало его?? Если нужен код пишите!
0 votes11 answers -
как сделать постоянный отступ независымый от размера окна браузера
прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…
0 votes1 answer -
IE6-неправильно отображает
Здравствуйте. Нужна помощь. Я, пока что, полный чайник в кодировании . Но есть проблема: везде (IE7, Safari, Opera, Chrome, Mozila) нормально отображается фон анонса новостей, а в IE6 он более высокий/широкий. Можно посмотреть здесь.
0 votes3 answers -
Стили таблицы - строки и столбцы
У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…
0 votes5 answers -
привязка столбцов
Извените, уже два дня смотрю по форуму как решить данную проблему, но что-то безуспешно. Как привязать все столбики к нижней границе резиновой таблицы. Я где-то встречал данную тему, но немогу её найти. Или какие ещё существуют варианты подобного разбиения сайта? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Без названия 2</title> <style type="text/css"> body{margin: 0;padding: 0;} #TeloKolonka1{ width=199px; height:100%; backgr…
0 votes5 answers -
Файл Sitemap
Создал Файл sitemap.xml для сайта. Сам в этом полный ноль сделал все по инструкции представленной здесь Но яндекс находит ошибку в нем и пишет что-то типа "Невалидный XML" Подскажите где ошибка? вот сам sitemap.xml <?xml version="1.0" encoding="windows-1251"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.zion.ho.ua/</loc> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <url> <loc>http://www.zion.ho.ua/index.php?page=servis</loc> <changefreq>monthly</changefreq> </url> <url&g…
0 votes6 answers -
флоаты
Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?
0 votes5 answers -
Помогите определить на что ругается валидатор?
Подскажите, на что ругается валидатор? Я только учусь, сам допереть не могу... Из 64 ошибок осталось только 2...бьюсь третий день выхода не вижу((( буду весьма признателен за подсказку... вот ссылка на валидатор http://validator.w3.org/check?uri=http%3A%...ebelshop.com.ua . Сам адрес сайта vmebelshop.com.ua. Сейчас я привожу в божеский вид главную страницу.
0 votes6 answers -
Flash-сайты
Очень красивый дизайн у флеш-сайтов. Можно такие фуртеля закрутить - прямо закачаешься! Но вот интересно ваше мнение какие плюсы и какие минусы у такого сайта? Возможно ли как-то подключить java script к такому сайту? Как-нибудь можно решить трудности с обновлением сайта, если сайт не рекламный и частенько подлежит обновлению? Как поисковики относятся к подобным сайтам? Большой ли размер у подобного рода сайтов? Стоит ли делать флеш-сайт, если тематика "Юмор" и раза 2 в неделю он обновляется? Просто может есть какие способы как для action script сделать актуальным или подключить java script?..
0 votes6 answers -
Как правильно прописать "selection" ?
Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?
0 votes3 answers -
Фотогалерея
Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…
0 votes4 answers -
Растягивающийся фрейм
Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-