- 0
-
Similar Content
-
By yulshaz@mail.ru
Добрый день!
Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы.
Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо.
https://codepen.io/yulshaz/pen/BMWGYe
-
By bdrch
Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки.
Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен.
<style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; } .table { display: table; border-collapse: collapse; border: none; width: 100%; margin-top: 10px; padding: 0px; } .table_tr { display: table-row; width: 100%; height: 50px; padding: 0; border: none; } .table_td1 { display: table-cell; width: 10%; vertical-align: middle; } .table_td2 { display: table-cell; width: 10%; vertical-align: middle; } .table_td3 { display: table-cell; width: 10%; vertical-align: middle; } .table_td4 { display: table-cell; width: 10%; vertical-align: middle; } .table_td5 { display: table-cell; width: 10%; vertical-align: middle; } .table_td6 { display: table-cell; width: 50%; text-align: center; vertical-align: middle; } </style> <form method="post" class="table"> <div class="table_tr"> <div class="table_td1">Дата</div> <div class="table_td2">Кв</div> <div class="table_td3">Уч</div> <div class="table_td4">Фамилия</div> <div class="table_td5"><input type="text" autocomplete="off" name="selch1" maxlength="8" placeholder="Счетчик" class="serch"><input type="image" name="searchch" src="searchb.png" value=" " align="top"></div> <div class="table_td6">Событие</div> </div> <? while($row=mysql_fetch_array($result)) { echo '<button name=edit value="'.$row['id'].'" class="table_tr"><div class="table_td1">'.$row['date'].'</div><div class="table_td2">'.$row['kv'].'</div><div class="table_td3">'.$row['uch'].'</div><div class="table_td4">'.$row['fio'].'</div><div class="table_td5">'.$row['ch1'].'</div><div class="table_td6">'.$row['sob'].'</div></button>'; } } ?> </form>
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
digga
сайт
http://digga.ru/
самая верхняя таблица (салатовая) по идее должна приклеется к верху страницы, но там почемуто образуется целая строка цвета заданного в body. логики в этом не вижу да и в коде никаких пробелов нет (
если позволяет время, пожалуйста, посмотрите, мне кажется что это что-то очень простое должно быть.
Заране благодарю
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.