Довольно популярная тема ColorMag и предлагаю в ней писать разные правки и дополнения, улучшения. :drink:
Комментарии: 53

CabinetAdmin 16 ноя 2018, 16:20 Сообщение

Тут два варианта, либо добавить для стилей текста отступ сверху - margin-top: 10px;, со своим значением.
Либо второй вариант:

Код: Выделить всё

.ca_table_line {
	padding: 5px 0;
	display: -webkit-box; /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UC Browser Android */
	display: -moz-box; /* Firefox 2 - 27 (2009 Spec), UC Mini */
	display: -ms-flexbox; /* IE10 (2012 Syntax) */
	display: -webkit-flex; /* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
	display: flex;
	-webkit-align-items: center; /* Safari < 9 */
	align-items: center;
}
 
.ca_table_line:after {
	clear: both;
	content: '';
	display: block;
}
 
.ca_table_image {
	margin-right: 10px;
}
 
.ca_table_image img {
	max-width: 100%;
}
 
.ca_table_title {
	/* styles text */
}
 
@media (max-width: 400px) {
	.ca_table_line {
		display: block;
	}

	.ca_table_image {
		margin-right: 0;
		margin-bottom: 10px;
	}
}
Это более современные стили, если плевать на юзеров сидящих на древних компах на древних браузерах, то лучше использовать эти стили.
Так же если не нужна поддержка браузеров указанных в комментариях, то можно их удалить, оставить только display: flex;.
Если нужны прям все (может раз в год один два зашедших таких пользователя), то лучше использовать отступ сверху.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 17 ноя 2018, 16:34 Сообщение

Мне кажется или не по центру?

Изображение
  • 0
Изображение

southklad 17 ноя 2018, 21:39 Сообщение

И еще, как прописать для таблиц, чтобы если я выставляю border="1" то он и появлялся, а если нет, то его бы не было, а то почему то оно или есть всегда или если я убираю из стиля строку, оно не появляется даже если прописано так <table border="1" width="100%" cellspacing="1" cellpadding="1">
  • 0
Изображение

southklad 18 ноя 2018, 15:54 Сообщение

С таблицей разобрался. Еще если можно вопрос, чем отличается display: inline-block; от display: block;
  • 0
Изображение

CabinetAdmin 18 ноя 2018, 18:05 Сообщение

Блочный элемент и инлайновый. Если совсем по простому объяснять, то с inline-block элементы будут выстраиваться в линию, а с block с новой строки.
igorbond писал(а): Мне кажется или не по центру?
Не по центру.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 18 ноя 2018, 18:08 Сообщение

CabinetAdmin писал(а): Не по центру.
А как все же оформить по центру, предыдущий способ не помог :(
  • 0
Изображение

CabinetAdmin 19 ноя 2018, 15:48 Сообщение

А какой из способов то? Если на flex, то должно быть по центру. Тут надо смотреть по месту, может там отступ вниз у изображения есть или ещё чего...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 22 ноя 2018, 16:22 Сообщение

В общем помучался и оформил по другому, проверю что и как и отпишу
  • 0
Изображение

romaamor 23 ноя 2018, 01:01 Сообщение

Игорь, а ну напомни твой адрес форума.....
  • 0

southklad 20 апр 2019, 21:17 Сообщение

А как можно сделать чтобы меню не сворачивалось, а было с прокруткой в бок? Для мобильной версии конечно же
  • 0
Изображение

CabinetAdmin 21 апр 2019, 17:22 Сообщение

Чтобы плавно выезжало слева или справа? Можно конечно со стилями поиграться, но обычно это делается скриптами, добавляется дополнительная структура...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 21 апр 2019, 18:32 Сообщение

Чтобы оно было показано и часть текста прям обрывалась и можно было бы сдвинуть влево и оставшееся меню показывалось
  • 0
Изображение

CabinetAdmin 21 апр 2019, 19:45 Сообщение

Эм... Я не совсем понял, но если нужно чтобы его можно было двигать, то это надо переписывать всё меню, лучше конечно искать какие то готовые решения.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 21 апр 2019, 20:10 Сообщение

В общем как у гугла при поиске в моб. виде, меню карты, картинки прокручивается
  • 0
Изображение

CabinetAdmin 22 апр 2019, 15:44 Сообщение

C тем что есть сейчас такое не сделать.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы