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
-
Вертикальное выравнивание блока.
Всем привет. Подскажите, кто знает, возможно ли выровнять блок по вертикали, если у него нет фиксированной высоты? (речь идёт о классе .wrapper) Cтраницу можно увидеть здесь: http://yamaradg.narod2.ru/history/zaglushka/index.html P.S. Буду благодарен за ответ...
0 votes1 answer -
Съезжает форма
Здравствуйте.В общем начал верстать шаблон с макета. Вот какова сама проблема: Ссылка на изображение То есть форма съезжает вниз..padding-bottom для неё бесполезно... Вот код для черного блока: div#header { background-image: url('../images/header_block.png'); background-repeat: no-repeat; width:auto; height:50px; } Вот код текста "Yeah-studio": div#text_header { padding-left:60px; color:white; font-size:18px; font-family:arial; padding-top:15px; } а вот код формы: form#form_ { margin-left:690px; padding-bottom:29px; } собственно,как я уже сказал,padding-bottom тут вообще не помогает. Вот,если надо,сам код html: <div id="header"> <div id="text_header">Yea…
0 votes1 answer -
Деление сайта на header+body+footer
Доброй ночи! Я новичок, поэтому не судите строго) Мне нужно сайт поделить на 3 блока header, body, footer для удобства внесения изменений, подскажите как это сделать, на форуме в поиске не нашел ( может сформулировал не правильно)вот сам код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html class="Mozilla"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Директ </title> <link rel="stylesheet" type="text/css" href="style.css"> <li…
0 votes1 answer -
Стили для поля со списком
Как изменить внешний вид поля со списком? В частности хотелось бы узнать как изменить внешний вид кнопки по нажатию которой список раскрывается. Как тут например Спасибо.
0 votes1 answer -
склеить div слои по вертикали, чтобы при масштабировании они не меняли положения
Имеется слой shapka(на нем сверху еще три слоя): .shapka{ HEIGHT:176px; width: 940px; top: 30px; position: relative; margin:0 auto; background-color:#224179; } .risunka{position:relative; z-index:1; background-color:#224179; padding: 3px; float: left; height: 170px; } .zagolovok{ position:relative; top:-150; left:25; z-index:2; color:#FFFFFF; text-shadow: black 1px 1px 6px, red 0 0 50px; font-size:50px; float: left; /* Обтекание по правому краю */ width: 600px; text-align: right; } .registration{ padding: 5px; /* Поля вокруг текста */ width: 220px; float: right; position:relative; top:-150; z-index:3; right: 25; vertic…
0 votes1 answer -
w3.org валидатор ругается на собственный же код
Здравствуйте. Так вот здесь _http://www.w3.org/TR/CSS21/fonts.html#propdef-font есть такой пример p { font: 12px/14px sans-serif }(так же видел у вас на сайте его), забиваем этот код в валидатор _http://jigsaw.w3.org/css-validator/#validate_by_input+with_options. Выводит ошибку. В чем смысл? Сначала думал может что намутили по версиям. Но проверил в доп. настройках все версии выводят ошибку.
0 votes1 answer -
Позиционирование картинки в SPAN
Помогите выровнять кнопку по вертикали. Щас она задрана вверх относительно текста. <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>some@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png'></span>
0 votes1 answer -
3 колонки и футер
Прошу, пожалуйста, посмотрите что я сделал не так: http://jsfiddle.net/Vg5mR/ Футер не хочет прижиматься, а wrapper не растягивается по высоте контента.
0 votes1 answer -
Выравнивание в столбце
Доброго времени суток! Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку. <style type="text/css"> .pricelist { border-collapse: collapse; } .pricelist TD, .pricelist TH { padding: 3px; border: 1px solid #228B22; } .pricelist TD { background: #F0FFFF; } .pricelist .category { background: #008000; color: white; font-weight: bold; text-align: center; } </style> <table width="600px" cellpadding="0" cellspacing="0" class="pricelist"> <col width="500px" align="left"> <col width="100px" align="right"> <tr> <td colspan="2…
0 votes1 answer -
Как реализовать такой фон?
Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал
0 votes1 answer -
Растянуть текст в меню
Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…
0 votes1 answer -
Вопрос по margin:0 auto;
Как работает margin: 0 auto;? При каких условиях? Потому-что ссылка и изображение не выравнивается по центру. Блоку ширина задана. Что-то еще пропустил? http://jsfiddle.net/a9nGy/
0 votes1 answer -
генерирование таблицы
Всем привет. Наткнулся на такую проблему с тегом <tr>. Его надо генерировать при первом проходе цикла в перед тегом td (<tr>), а после второго прохода цикла за тегом td (</tr>). Одномерный массив надо вывести в виде таблицы (хотя бы в 2 колонки) при помощи только CSS ранее делал вот где то так $column = 1; foreach ($fields as $key => $value) { if ($column%2) { echo '<tr>'; } echo '<td>'; echo $value; echo '</td>'; if ( ! $column%2) { echo '</tr>'; } $column++; } Возможно это сделать не прибе…
0 votes1 answer -
Изображение в DIV шире окна браузера оставить по центру
Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении …
0 votes1 answer -
popup окно + php
Всем привет, подскажите как создать попап окошко с обновляющейся пхп информацией.. Есть например много серверов какой либо игры.. есть переменные пхп типа названия и тд.. как правильно сделать что бы при нажатии на каждый сервер правильно отображалось его название и тд, просто у меня получается, что везде одно и тоже название к примеру и тд. В общем если, что спрашивайте.. может не понятно объяснил=) Знаю такую инфу, но не понимаю как сделать что бы обновлялась пхп информация и тд.. _http://cyber-systems.org/topic/11714-%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BA%D0%BD%D0%BE/ ..
0 votes1 answer -
JavaScript
Как правильно написать js скрипт который возвращает на предыдущую страницу и в url дописывает переменную "&peremennaya" Вот скрипт который возвращает на предыдущую страницу <script>history.go(-1)</script>
0 votes1 answer -
В IE не выпадает второй уровень меню
Добрый день! Такая проблема: есть двухуровневое меню, при наведении выпадает второй уровень меню, в Ie не выполняется данное действие , во всех остальных браузерах все отлично работает!? Помогите пожалуйста!!! Заранее всем благодарен!! Посмотреть можно здесь
0 votes1 answer -
Как убрать рамку вокрук img
При просмотре сайта через google chrome и ie, у меню появляются серые рамки вокруг изображений. Как их можно убрать? border:none; outline:none; не помогают. Адрес сайта: http://global-plast.ru/ тьфу, нашел. Сделал <img, не вставил в него src, а сделал background-image
0 votes1 answer -
подскажите как називается тег
именно маленький текст. и есть вообще такой тег?
0 votes1 answer -
Интеграция Twitter на сайт
Привет всем. Сталкивался ли кто-то с задачей интеграции Twitter`а на сайт? Живой пример можно посмотреть на Kinopoisk'е в разделе "%actor_name% в Твиттере:" Есть ли какой-то просто способ внедрения? P.S. Гуглом пользовался, но простого и нужного решения не нашёл. Заранее спасибо.
0 votes1 answer -
Вертикальное меню
Нужно реализовать такое меню Моя ссылка. Никак не могу найти более-менее хорошее решение. Может делал кто подобное.
0 votes1 answer -
Браузеры для проверки верстки
Где можно взять разные версии всех старых браузеров ? С ie понятно, а что делать с ff 3+ safari 3+ chrome 3+ opera9+
0 votes1 answer -
Древовидный список
Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…
0 votes1 answer -
Резиновый сайт с динамическим сайдбаром
Есть дизайн, резиновый (растягивается по всей ширине страницы)? в две колонки (контент и правая колонка). Проблема в том, что на одной странице правая колонка имеет ширину допустим 40%, а на другой - 20%. то есть я понимаю так, что для правой колонки я ширину не задаю, но как сделать, что бы левая( то есть контент) растягивался в первом случае на 60%, а во втором на 80%. Помню где-то видел подобное решение, но нету времени искать. Заранее спасибо.
0 votes1 answer -
Разъезжаются блоки.
Здравствуйте, при изменений размера окна браузера или просто ,при нажатий сtrl + , некоторые блоки в дизайне разъезжаются по сторонам. Как избежать этой проблемы ? Посмотреть что происходит , можно по этой сыллке http://www.nurme18.eu/fc/ Спасибо.
0 votes1 answer
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-