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
-
Позиционирование в контейнере
Приветствую, уважаемые! Есть несколько вложенных дивов, схематично выглядит так: <body> ... <div class="content"> <div class="sub_xontent"> <div style="float:right; width: 200px;">; ... </div> <div style="margin-right: 200px;"> ... </div> </div> </div> </body> у контейнеров оверфлоу:хидден и есть свои маргины и паддинги... проблема в следующем, блок, который флоэт райт выходит за границу своего контейнера и правый край получается слегка обрезанным... из-за чего такое может происходить?
0 votes4 answers -
3-х колоночный макет
подскажите как сделать 3-колоночный мекет как на скрине, трудность в том, что там у каждой колонки есть рамка и все одинаковой высоты
0 votes4 answers -
Выезжает вложенный слой (div)
Добрый день! Есть три слой 1 родитель, 2 других - дети. Подскажите, пожалуйста, как сделать так, чтобы высота родителя соответствовала высоте вложенного в него слоя, т.е. при увеличении высоты слоя text, также увеличивалась и высота слоя content? <div id="content" style="border:#090 solid 1px;"> <div id="menu-news" style="border:#F00 solid 1px;">меню</div> <div id="text" style="border:#F00 solid 1px;">Содержание</div> </div>
0 votes4 answers -
Динамический просчет ширины таблицы
Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…
0 votes4 answers -
Помогите растянуть таблицу
Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…
0 votes4 answers -
когда убираю фиксированную ширину блока , он перестаёт центроваться
Всем привет! есть блок, в него завёрнуты ещё несколько дивов Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block" <div id="block"> <div class="zakladki"> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> </div> </div> вот код стиля #block { width:654px; text-align:center !important; } .zakladki { padding-top:3px; height:35px; text-align:center; width:585px; margin:0 au…
0 votes4 answers -
Помогите с IMG
Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки к средней колонке код такой <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> СSS #content{ margin-left: 331px; margin-right: 400px; background-color: #DBDBDB; } .img{ padding-top: 20px; padding-left: 10px; margin-left: 0px; margin-top:0px; } .shadow{ background: #9a9696; border: 1px solid #ddd;…
0 votes4 answers -
Отступ в FireFox
* { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????
0 votes4 answers -
Выравнивание букв
Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?
0 votes4 answers -
Проблема с меню
Делаю rollover-меню, мне необходимо что бы все элементы меню распологались в строку, но когда меняю в CSS на display:inline; или display:inline-block; все картинки исчезают. Вот строчки из CSS: a.bt:link { background: url(images/b1.gif); display:inline-block; width:60px; height:20px } a.bt:hover { background: url(images/b1_2.gif); display:inline-block; width:60px; height:20px; }
0 votes4 answers -
Дата, месяц, год
При регистрации на форумах, сайтах... нужно вводить "День, месяц, год". Значения в данные формы нужно вводить вручную или здесь используется какой то скрипт?
0 votes4 answers -
Сдвиг блока в опере
В опере сдвигается нижний синий блок. Скажите пожалуйста, как это исправить? http://budnirussia.ru/quest.php В мозиле вокруг вокруг кнопки "Читать полностью" рамка, как ее можно убрать?
0 votes4 answers -
Выравнивание текста в одной строке
Требуется выровнять часть текста в одной строке по левому краю, часть по центру и часть по провому краю. Пробовал сделать список и с помощью first-child и last-child изменять text-align (см. пример) Но ie не понимает last-child. Есть ли другие способы? ul{ list-style-type: none; margin:0; padding:0; } ul li{ margin:0; padding:0; float: left; width: 33%; text-align: center; } ul li:first-child{ text-align: left; } ul li:last-child{ text-align: right; }
0 votes4 answers -
2 backgrounда
Делаю меню для сайта, выглядит так: <ссылка1><ссылка2>, где "<" и ">" это изображения (menuL и menuR), подкладывающиеся под текст (background). Пишу: .menu a{ background:url(../img/menuL.png) left 2px no-repeat; background:url(../img/menuR.png) right 2px no-repeat; padding: 10px 15px 15px 15px; font:bold 20px/22px Arial, Helvetica, sans-serif; text-decoration:none } Второй бэкграунд заменяет собой первый и отображается лишь "menuR". (расстояние между ними большое и проблема не в "наложении") Как сделать 2 бэкграунд изображения в 1 css стиле? Заранее огромное спасибо!
0 votes4 answers -
баг с :hover в Opera 9.5
Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…
0 votes4 answers -
центровка текста
почему-то при отображении текста на странице текст выравнивается по левому краю когда он помещен в теги <tr align="center"></tr> <td align="center"></td> или <span align="center"></span> и, даже, #text {text-align: center }. Центрируется текст только при <div align="center"></div> но, при этом, он опускается. Что я сделал не так не так?
0 votes4 answers -
Помогите с JavaScript'ом!
Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.
0 votes4 answers -
<li> как повернуть список в горизонтальное положение?
можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?
0 votes4 answers -
seo верстка
Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха
0 votes4 answers -
Кривится верстка в IE 7
http://budnirussia.ru/ Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?
0 votes4 answers -
Создать по высоте резиновые проценты и пиксели.
Задача такая. Сделать 7 блоков, по высоте слева (в оригинале будет меню поверх самого сайта, сделанного из картинок ссылок, анимированных CSS, по другому пока не умею). Три блока - имеющих постоянную высоту. Красный - 75 пикселей, желтый - 125 пикселей, зеленый - 100 пикселей. Если взять высоту всех отступов за 100%, то первый - 30%, второй и третий - 20%, четвертый - 30%. При изменении высоты окна браузера должна меняться высота пустых блоков, сохраняя пропорции. При этом не должно появляться полос прокрутки, все должно поместиться в высоту окна. Конечно, при высоте менее 300 пикселей меню уже не поместится. Так как ж так красиво сделать? По горизонтали получилось. Ну…
0 votes4 answers -
таблица
Есть таблица с фоном(brick.bmp), которая центрируется. Для одной из ячеек нужно, чтобы фона не было (точнее, был фон страницы-h5.jpg). как можно реализовать? BODY{background: url('images/h5.jpg') repeat-x fixed #ff8; margin: 0; font-family: Arial} TABLE.b {table-layout: auto; background-image:url('images/brick.bmp'); border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;} фон не однородный, и просто задать его фоном ячейки не выйдет. Благодарю за помощь.
0 votes4 answers -
пробивная сила margin-top:-80px;
<div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…
0 votes4 answers -
Блок срезается в ИЕ
В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.
0 votes4 answers -
Cтранное отображение
Есть сайт на Джумле,вроде всё ок но вот какая сложность-при разрешении на 1024 не видно картинки в левом верхнем углу,там Георгий победоносец.На большем разрешении видно.Как с этим совладать? Подскажите товарисчи! Вот сайт: http://seventh-legion.ru/
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/
-