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
-
Почему IE9 ломает таблицу?
Привет всем. Я никак не могу понять, почему у меня в корзине таблица со списком товаров "ломается" в IE? Съезжают ячейки и в коде как-будто еще одна таблица появляется. Код, формирующий таблицу, вызывается один раз (проверял). В FF, Хроме, Опере - всё хорошо, отрабатывают все скрипты и верстка не расползается. В консоли IE ошибок не замечено. Один раз в процессе отладки правда словил такое сообщение: Вот тестовый сайт, добавьте что угодно в корзину (без товаров она не покажется). Что я просмотрел?
0 votes5 answers -
выравнивание контента резиновой шапки по ширине.
много гуглил но так и не нашел годного ответа на свой вопрос подскажите пожалуйста. есть шапка <header> <a></a> <div></div> <nav></nav> </header> и css header { height:300px; } Нужно что бы шапка растягивалась по всей ширине, но контент в ней(a, div, nav) выравнивался по горизонтали по центру. Стандартный: margin: 0 auto; не действует, если не задано width. Как выровнять весь контент шапки по центру?
0 votes3 answers -
адаптивная верстка
кто может подсказать как сделать адаптивную верстку с помощью media queries, хотелось бы увидить пример, только без использования css фреймверков?
0 votes2 answers -
Вывод информации из txt-файла
Подскажите, пожалуйста, как сделать, чтобы на страницы сайта выводилась информация из txt-файла (тексты, рекламные коды, баннеры и т.д.)?
0 votes1 answer -
DIV уходит в бок.
сайт Хотел сделать чтобы сайт тянулся от разрешения 1024*768 до 1200*1024 выщитал примерно по пикселям, указал мин и макс где нужно. Вроде весь сайт тянется как нужно. А вот Див с текстом не хочет, вроде всё правильно указал. Дома всё работало в нескольких браузерах. А на работе что-то не очень. Под IE поставил отдельный css так как не понимает мин и макс.
0 votes2 answers -
Как создать три div со скошенными углами и фото
2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.
0 votes8 answers -
Несколько цветов фона
Здравствуйте, я еще совсем новичок, поэтому прошу совета. С помощью каких тэгов можно реализовать несколько цветов фона (как на картинке). Чтобы эти цвета были не на всю страницу, а только обрамляли текст. Желательно только htlm, если это возможно. Мне нужна просто маленькая подсказка, остальное буду сама делать. Спасибо!
0 votes2 answers -
CSS, IE и кривые руки.
Всем привет! Прошу помощи, а то в HTML да ещё с CSS я слабо понимаю, да вот приспичило сделать формочку авторизации, для скрипта одного. Наваял я, значит, своё "изделие", сижу, в гугл хроме любуюсь. Лепота. Ну, то есть не лепота, а то, что я хотел. А потом открыл я поделку свою в интернет эксплорере и остолбенел: Картинка вбок, стили будтоб и не применялись... (хотя применяются. Цвет шрифтов - за милую душу подцепляется.) Кошмар, вобщем. Умом я понимаю, что накосорезил где-то. Но разумения мне не хватает понять где. Так что помогите люди добрые басурманского осла одолеть! Код исходный ниже прилагаю: <HTML> <HEAD> <TITLE></TITLE> <ME…
0 votes4 answers -
Не прижимается футер
Никак не пойму, почему футер не прижимается, вроде бы применяю относительное позиционирование и отрицательный отступ, но все равно откуда то появляется белое пространство под футером. В чем может быть дело? Вот ссылка на страницу перейти
0 votes5 answers -
Перенос строки на кнопке
Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <br /> не катит, он переносит не только текст, но и саму кнопку. HTML <div id="shop"><a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта"/>ИНТЕРНЕТ МАГАЗИН</a></div>CSS .friend{text-decoration:none; text-align:center; padding:10px 33px; border:solid 1px #850101; -webkit-border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0px; -moz-border-radiu…
0 votes4 answers -
Проблема с грамотным построением блоков
Нужно расположить блоки, как на макете. Сделал блоки, присвоил им inline-block и 2 строка началась на уровне высокого блока, который должен занимать 2 строки. Что с этим делать?
0 votes1 answer -
Как задать padding у блоков и сами блоки нужного размера?
Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон WP с которого я стащил стили (хочу сверстать что-то похожее но своих размеров. Своих размеров-это колонки и контент моего шаблона, а не WP. В общем берётся только технология вёрстки где это возможно. Проблема первая-это то что в WP шаблоне были множественные стили. Вот так: <div id="content" class="content page-full main-contener clearfix">Какой-то content</div> Я логически свёл всё где можно в один класс, написал новые стили. Вышло вот что: Скрытый текст <div class="wrapper"> <header class="header"> <div class="top-bar clearfix"> <div class="logo…
0 votes3 answers -
Модальное окно не работает
Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…
0 votes1 answer -
Как сделать все через div?
Название раздела
0 votes1 answer -
помогите с выравниванием в опере и IE
Доброго времени суток. Я начинающий верстальщик не судите строго, наверняка многого незнаю, вот столкнулся с проблемой. Нужно выровнять все блоки по центру экрана. Тем кодом что я написал, в IE выравнивается все хорошо, а вот в Оpera вся страница выравнивается к левому краю. часть кода страницы: <body> <div id=sss> <div id=header> <div class="logo"><img src="logo.png"> </div><div class="icq">555-555-555<br>555-555-555</div> </div> </div> </body> часть кода файла стилей: #sss{ text-align: center; } #sss #header{ width:739px; height:224px; text-align:left; font-family: Verdana, Arial,…
0 votes1 answer -
css sprites
Недавно начал использовать при верстке цсс спрайты и заметил такую вещь. если цвет на картинке расплагается от левого края до правого, то элемент спокойно тянется по горизонтали. вопрос в том, как сделать, чтобы при вытягивании элемента по вертикали в бэкграунд не захватывались те картинки, которые разсположены ниже
0 votes3 answers -
css список
При создании вертикального меню, графический маркер выпрыгивает выше базовой линии, в ie. в firefox все ок! Как сделать что бы было везде одинаково?
0 votes2 answers -
seo верстка
Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха
0 votes4 answers -
Проблема с IE
У меня проблема с табличной версткой. Вот отрывок кода: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" class="menu2">База вещей</td> </tr> <tr> <td class="menuBody"> </td> </tr> </table> CSS: .menu2 {background-color:#887b56;background-image:url(../img/menu_up3.jpg);font-size:16px;font-weight:bold;color:#d8c06a;padding-left:30px;padding-top:8px;background-repeat:no-repeat;} Вот как выглядит в IE: Вот как в остальных браузерах: Как сделать чтобы в IE отображалось нормально? Использую следующий DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti…
0 votes3 answers -
Подскажите как называется такой эффект?
Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)
0 votes6 answers -
Плотное размещение изображений
Добрый день. Возникла проблема при верстке. Как сделать чтобы все изображения плотно прилегали друг к другу? Для каждого изображения используется класс <div class=gallery-thumb"> Заранее спасибо за ответ
0 votes13 answers -
Проблема с шаблоном
Здравствуйте у меня данная проблема с шаблоном! Движок wordpress версия 3.4.2 Warning: Invalid argument supplied for foreach() in /home/h41146/data/www/mybiz777.com/wp-content/themes/yoo_flux.v5.5.9/yoo_flux_wp/warp/systems/wordpress.3.0/helpers/system.php on line 334 Вот целый файл <?php /** * @package Warp Theme Framework * @author YOOtheme http://www.yootheme.com * @copyright Copyright © YOOtheme GmbH * @license YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Class: WarpHelperSystem Wordpress system helper class, provides Wordpress 3.0 Blog integration (http://wordpress.org) */ class WarpHelperSystem extends WarpHelper { /* system…
0 votes4 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
Спрайты в CSS
Доброго времени суток! Я совсем недавно начал изучать HTML и CSS. И столкнулся с проблемой того, что многие программы, обучающие видео на YouTube и просто информация немного устарели. Мне известно, что чтобы стать хорошим верстальщиком, нужно идти в ногу со временем, а посему решил задать следующий вопрос на форуме: Используются ли в CSS спрайты в настоящий момент? И если нет, то какая альтернатива существует? Есть ли обучающий контент по этой теме? Заранее благодарю.
0 votes1 answer -
Как это сделано? Битрикс, hover, фиксация.
Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-